Skills Directory

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overal

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report wit

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targe

Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use whe

Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to si

Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold,

Plan the UX and UI for a feature before writing code. Runs a structured discovery interview, then produces a design brief that guides implem

花叔Design--用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家（UX/动画师/幻灯片设计师/原型师），避� �web design tropes。触发词：做原型、交互原型、HTML演示、动画Demo、设计变体

Builds and deploys Firebase SQL Connect (aka Firebase Data Connect) backends with PostgreSQL securely. Use when designing schemas with table

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing an

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a pos

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to

When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when

When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the us

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the us

Extract any website's design system into an agent-ready DESIGN.md using Firecrawl scrape evidence. Use when the user wants colors, fonts, sp

Run outcome-focused Firecrawl workflows that produce deliverables such as research reports, SEO audits, QA reports, lead lists, knowledge ba

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context,

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components

Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN