AI Skills Registry

花叔Design（Huashu-Design）——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审的一体化设计能力。HTML是工具不是媒介，根据任务embody不同专家（UX设计师/动画师/幻灯片设计师/原型师），避免web design

Design error prevention, detection, and recovery experiences.

React vendoring and react-server layer boundaries. Use when editing entry-base.ts, $$compiled.internal.d.ts, compiled/react* packages, or ta

Use when running comprehensive WCAG accessibility audits with axe-core + pa11y + Lighthouse, generating context-aware remediation, or testin

Mobile app debugging for iOS, Android, cross-platform frameworks. Use for crashes, memory leaks, performance issues, network problems, or en

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refacto

Use when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual ed

Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices o

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, i

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

Build an internal dashboard with data tables, filters, detail views, and CRUD. Use when asked to build an "admin panel", "internal dashboard

When the user wants to design template pages—aggregation (gallery/hub) or detail (individual template). Also use when the user mentions "tem

Expert guidance for designing and implementing onboarding flows in recovery, wellness, and mental health applications. This skill should be

Creates breathtaking iOS/Mac and web apps with organic, non-AI aesthetic. Expert in SwiftUI, React animations, physics-based motion, and hum

Comprehensive Redux Toolkit best practices for React and Next.js applications with TypeScript.

Control the user's currently open Chrome tab through the Playwriter CLI (no new browser launch). Use when you need to inspect live UI state,

Generates detailed implementation guide with pseudo-code and step-by-step development instructions. Creates IMPLEMENTATION_GUIDE.md from PRD

Generates achievement celebration UI with confetti animations, badge unlocks, progress milestones, haptic feedback, and optional share-to-so

Premium UI/UX design audit and refinement skill. Conducts systematic visual audits of existing apps and produces phased, implementation-read

Declarative UI widgets from JSON for React/Next.js from ui.inference.sh. Render rich interactive UIs from structured agent responses. Capabi

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI be

MUST activate when the project contains a uiBundles/*/src/ directory and the task involves adding or modifying a chat widget, chatbot, or co