Floom Wireframes

1 Marketing

Landing v2 Latest

"Open-source cockpit for agentic work" hero, NPX strip, social proof, how-it-works, FAQ, footer.

landing-v2.html

Landing Deprecated

Legacy proto landing page, kept for reference.

landing.html

2 Library + skills (in-app core)

Library

Full skills grid with folders, tags, and filter chips.

library.html

Skill detail

Canonical detail view (Brand Voice). Owner role, Overview tab, tags + folder breadcrumb.

skill-detail.html

New skill

Create a new skill wireframe with file upload, metadata, and visibility.

skill-new.html

3 Workspace + account

System instructions

Workspace-level prompt context editor.

system-instructions.html

Activity

Workspace activity feed (publish, approve, sync events).

activity.html

Approvals

Public-release approvals queue, admin review UI.

approvals.html

Settings

Personal account settings: profile, API tokens, workspaces, danger zone.

settings.html

Workspace settings

Team workspace admin: members, billing, transfer, danger zone.

workspace-settings.html

Owner profile

Public profile page with skills, agents, social proof.

owner-profile.html

4 Auth + onboarding

Sign in

Login page with Google + email options.

login.html

Join workspace

Accept workspace invite from an inviter.

join.html

CLI login

CLI device-code approval page.

cli-login.html

Onboarding

First-time signup walkthrough.

onboarding.html

5 Share + public

Share link

Public skill share preview, install command, who owns it.

share-link.html

6 Static + system

Docs

Documentation hub with sections and content TOC rail.

docs.html

Terms

Terms of service page.

Privacy policy page.

Not found error page.

404.html

Design system

Design tokens reference, type scale, surfaces, motion.

design-system.html

7 Email system

Transactional emails

9 templates: invite, welcome, device-code, shared, published, approval, approval-decided, weekly digest, transferred. Light + dark.

emails/index.html