AI Skills Registry

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, e

Help users apply behavioral science to product design. Use when someone is designing for habit formation, reducing friction, applying psycho

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

偏执型设计顾问 — Jobs 式产品直觉 + Rams 式功能纯粹主义。重新设计页面、审视 UI 方案、优化交互体验时使用。 触发词："重新设计"、"redesign"、"优化界面"、"优化交互"、"设计方案"、"UI 审查"、"这个页面不行"、"界面不好看"、"帮我看看设计"、

Expert C4 Component-level documentation specialist. Synthesizes C4 Code-level documentation into Component-level architecture, defining comp

When the user wants to add or optimize tab or accordion components for content organization. Also use when the user mentions "tab component,

Build React applications using React Router's declarative mode with BrowserRouter. Use when configuring routes with JSX, navigating with Lin

When the user wants to design, optimize, or audit masonry (Pinterest-style) layouts for content display. Also use when the user mentions "ma

Deep research and analysis tool. Generates comprehensive HTML reports on any topic, domain, paper, or technology. Enhanced with advanced bro

Produce a mobile feature spec — user story, technical approach, component breakdown, platform-specific considerations, edge cases. Use when

Orchestrate iOS screenshot automation with xcodebuild/simctl for build-run, AXe for UI actions, JSON settings and plan files, Koubou-based f

Professional typography rules for UI design, web applications, software interfaces, and all screen-based text. Enforces timeless typographic

Generate complete user documentation for a web app with screenshots. Browses the app via browser automation, screenshots every screen, and p

Guides exploration of $autocapture events captured by posthog-js to understand user interactions, find CSS selectors (especially data-attr a

Comprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, inte

Master dark mode UI design with atmospheric theming, WCAG accessibility, and cross-platform best practices. Specializes in weather/sky/ocean

When the user wants to generate, iterate, or scale ad creative — headlines, descriptions, primary text, or full ad variations — for any paid

End-user browser automation with cmux. Use when you need to open sites, interact with pages, wait for state changes, and extract data from c

Drive Metabase's UI with the Playwright MCP browser tools (mcp__playwright__browser_*). Covers the snapshot/act/check pattern, Mantine compo

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and

Load automatically when planning, researching, or implementing Medusa Admin dashboard UI (widgets, custom pages, forms, tables, data loading

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue