Loading...
Loading...
Found 367 Skills
Professional UI design system — the visual quality gate for all HTML output. MUST USE together with project-builder when building any HTML page, dashboard, landing page, portfolio, or web application. project-builder handles engineering workflow; this skill handles visual design decisions (color palette, typography, layout, animation). Ensures every generated UI looks professional, modern, and unique — never generic AI slop.
High-fidelity HTML design and prototype guidance for AI agents with structured design thinking and quality guardrails
Ashby's UI design system. Use when building interfaces inspired by Ashby's aesthetic - dark mode, Inter font, 4px grid.
Ticktick's UI design system. Use when building interfaces inspired by Ticktick's aesthetic - light mode, Inter font, 4px grid.
Loom's UI design system. Use when building interfaces inspired by Loom's aesthetic - light mode, Inter font, 4px grid.
Create polished, intentional frontend interfaces. Use this skill when building any UI — dashboards, admin panels, landing pages, marketing sites, or web applications. Routes to specialized guidance based on context.
Design forms that minimize friction, prevent errors, and guide users to successful completion.
Jasper's UI design system. Use when building interfaces inspired by Jasper's aesthetic - light mode, Inter font, 4px grid.
Realistic Reddit Post Card + Upvote/Downvote + Comment Count, Suitable for Video Overlay / Story Sharing
Enforce a configuration-driven design system when generating UI. Ensures consistent spacing, colors, typography, dark mode, interactions, and accessibility across all AI-generated components.
Copy Ai's UI design system. Use when building interfaces inspired by Copy Ai's aesthetic - light mode, Inter font, 4px grid.
Plaid's UI design system. Use when building interfaces inspired by Plaid's aesthetic - dark mode, Inter font, 4px grid.