Browse reusable instructions for your AI tools. Copy and customize a prompt, or download a skill for a supported agent.
Product Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva, Storytelling e execucao impecavel nivel Jobs/Apple.
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skill helps create precise, actionable prompts that generate high-quality UI designs for web and mobile applications.
Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.
Generate a new UI component following the StyleSeed design conventions
Turn a screenshot or mockup into matching UI with the project's own components, then compare the result side by side with the image and fix the differences.
Apply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse × entrance/exit/hover/press/layout) or a distinctive keyword move from the motion library (toggle-flip, toggle-curtain, reveal-blur, pop-in, shimmer, …).
Scaffold a new mobile page/screen using the StyleSeed layout patterns
Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives
Review UI code for design system compliance, accessibility, and best practices
Score a UI file's design quality 0-100 against StyleSeed's design language — per-category breakdown, the worst offenders, and a prioritized fix list. A quantified version of /ss-review.
Interactive setup wizard — guides you step-by-step to configure the design system for your project
Use before UI-related work to select the smallest useful UI Skills context through the ui-skills CLI.
Design and build the UI states agents forget: first use, empty, loading, error, offline, no results, long content, permission denied and success.
View, add, or modify design tokens in the StyleSeed design system
Update StyleSeed engine in your project — analyzes what's outdated and updates safely
Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.
Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification.
Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.
54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.
Throwaway HTML mockups: 2-3 design variants to compare.
Figma integration. Manage Files, Projects, Teams. Use when the user wants to interact with Figma data.
WCAG 2.1 AA compliance patterns, screen reader compatibility, keyboard navigation, and ARIA best practices. Use when implementing accessible interfaces, reviewing UI components, or auditing accessibility compliance. Covers semantic HTML, focus management, color contrast, and assistive technology ...
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.