design-system-builder
Build design systems with components. TRIGGERS - Use when user needs help with design-system-builder related tasks.
Browse reusable instructions for your AI tools. Copy and customize a prompt, or download a skill for a supported agent.

Build design systems with components. TRIGGERS - Use when user needs help with design-system-builder related tasks.
Build design systems with tokens, components, and patterns. TRIGGERS - Use when user needs help with design-system related tasks.
Design empty states for apps. TRIGGERS - Use when user needs help with empty-state-designer related tasks.
Guide design development phase processes. TRIGGERS - Use when user needs help with design-development-guide related tasks.
Design facade systems. TRIGGERS - Use when user needs help with facade-design-guide related tasks.
Design fitness applications. TRIGGERS - Use when user needs help with fitness-app-design related tasks.
Guide material selection with durability and aesthetics. TRIGGERS - Use when user needs help with material-selection-guide related tasks.
Design modal and dialog patterns. TRIGGERS - Use when user needs help with modal-dialog-design related tasks.
Design patient portal experiences. TRIGGERS - Use when user needs help with patient-portal-design related tasks.
Design office interiors with productivity focus. TRIGGERS - Use when user needs help with office-design-plan related tasks.
Conduct product design reviews. TRIGGERS - Use when user needs help with product-design-review related tasks.
Audit responsive design across devices and breakpoints. TRIGGERS - Use when user needs help with responsive-design-audit related tasks.
Design responsive layout guides. TRIGGERS - Use when user needs help with responsive-design-guide related tasks.
Design settings page patterns. TRIGGERS - Use when user needs help with settings-page-design related tasks.
Plan space layouts with furniture placement. TRIGGERS - Use when user needs help with space-layout-plan related tasks.
Design spacing and layout systems. TRIGGERS - Use when user needs help with spacing-system related tasks.
Design tooltip guidelines. TRIGGERS - Use when user needs help with tooltip-design-guide related tasks.
Design typography systems. TRIGGERS - Use when user needs help with typography-system related tasks.
Write wireframe specifications. TRIGGERS - Use when user needs help with wireframe-spec related tasks.
Create, inspect, and apply DESIGN.md brand kits for brand-aware frontend work. Use when building or reviewing landing pages, frontend UI, pitch pages, redesigns, client audits, brand-matched prototypes, or researching a potential client/company where website identity, design tokens, typography, l...
Build distinctive, production-grade frontend interfaces with a strong aesthetic point of view and real working code.
Expert guidelines for building performant animations with Framer Motion/Motion library in React applications
This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.
Create distinctive, production-grade frontend interfaces with intentional aesthetics, high craft, and non-generic visual identity. Use when building or styling web UIs, components, pages, dashboard...
Try another platform, a broader search, or fewer filters.
Explore all resourcesResource formats: Prompts are ready to copy into a conversation. Skills install into the compatible agent shown on their page.
How it worksInclude the instructions, intended platforms, author, and license. Submissions are reviewed before publication.