Design and refine web interfaces, reviewing hierarchy, spacing and accessibility.
Design and refine web pages, dashboards and product interfaces, focusing on hierarchy, typography, spacing, color, interaction states and accessibility. Use it to shape a new page from a brief or to find problems and improve consistency in an existing project.
Provide a page, screenshot or project context, explain what users need to accomplish, and share the brand requirements. The skill helps establish a direction, prioritize improvements and carry them into code and copy. Refinement preserves the established visual identity and behavior; redesign reorganizes the visual expression around the same product facts. Page checks state their coverage so findings can be reviewed alongside real interactions.
Examples describe the request and the shape of the expected deliverable; they are not completed run results.
Redesign this notes app's onboarding: keep the factual copy, move to a paper-and-print visual direction, deliver usable page code with the design decisions noted.
A redesign with a stated direction and new visual language, everything outside scope preserved.
Check design problems on this opened pricing page: hierarchy, contrast, spacing and button states — list them by severity, and say plainly what couldn't be measured.
A findings report with explicit coverage notes — unmeasured aspects are listed, not passed off as clean.
Apache-2.0
Apache-2.0 (root LICENSE + NOTICE.md)
Apache-2.0 upstream LICENSE and NOTICE retained byte-for-byte; the pinned text corpus is audited per file. Floe-authored adaptation files retain MPL-2.0.
Publication commit 25e07dbeeb, audited source 84c524b6fb; catalog digest iOS 46196ba57ed7… · Android 16de89d019e2….
Version records ship with the signed catalog; the target and released versions are shown below.
