vitest: Vitest API and config reference (Jest-compatible) — mocking with vi.*, spies, fake timers, coverage configuration, fixtures, snapshots, and test filtering. Use…; vercel-composition-patterns: React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing…
ai
alternative
auth
database
deno
embeddings
example
firebase
nextjs
oauth2
pgvector
postgis
postgres
postgresql
postgrest
realtime
supabase
vectors
websockets
Updated 2026-09-22 13:38:30 +08:00
clickup: Interact with ClickUp tasks and documents - get task details, view comments, create and manage tasks, create and edit docs. Use when working with ClickUp…; quick-mockups: Create multiple UI design mockups in parallel. Use when asked to create mockups, wireframes, or design variations for a feature. Creates HTML files using…
Updated 2026-09-20 22:09:01 +08:00
ui-ux-pro-max: Catalog-only UI/UX Pro Max entry. The full upstream templates, data, and search workflow are not bundled in OpenDesign.; frontend-design: Create distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or…; web-design-guidelines: Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product…; design…
agent-skills
ai-design
byok
claude-code-for-design
claude-design
codex-design
coding-agents
cursor-design
deepseek
deepseek-harness
design-systems
desktop-app
dsh
dsh-plugin
figma-alternative
hermes-agent
local-first
prototyping
ui-generator
vibe-coding
Updated 2026-09-20 06:15:07 +08:00
Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. Use when the…
Updated 2026-09-19 07:32:24 +08:00
Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. Use when making…
agent-skills
ai
ai-tools
claude-design
cli
codex
design
design-md
design-system
design-tools
gemini
gemini-cli-extension
google-stitch
skills
terminal
ui
Updated 2026-09-19 07:24:37 +08:00
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
Updated 2026-09-19 07:11:22 +08:00
frontend-design: Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools…; presentation-design: Design and evaluate presentations that communicate effectively. Use when designing a presentation, creating slides, getting presentation feedback, structuring…; requirements-analysis: Diagnose requirements problems and guide discovery of real needs and constraints; godot-best-practices: Guide AI agen…
Updated 2026-09-19 03:32:54 +08:00
mongodb-query-optimizer: Help with MongoDB query optimization and indexing. Use only when the user asks for optimization or performance: "How do I optimize this query?", "How do I…; mongodb-schema-design: MongoDB schema design patterns and anti-patterns. Use when designing data models, reviewing schemas, migrating from SQL, or troubleshooting performance issues…; mongodb-connection: Optimize MongoDB client connection configuration (pools, timeouts, patterns) for any supported driver language. U…
Updated 2026-09-18 21:15:12 +08:00
Expert in web animations, transitions, and motion design using Framer Motion and CSS
Updated 2026-09-14 20:49:50 +08:00
finance-expert: Designs, reviews, operates and audits systems that hold, move, account for and report money — ledgers, payments, banking and open finance, reconciliation and…; telecommunications-expert: Expert-level telecommunications systems, network management, billing, 5G, SDN, and telecom infrastructure. Use when the user mentions telecom, networking, 5G,…
anthropic
claude
deepseek
gemini
generative-ai
llm
ollama
openai
pcl
persona
personalayer
prompt
prompt-engineering
prompt-injection
Updated 2026-09-14 15:10:58 +08:00
Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between…
Updated 2026-09-14 15:04:36 +08:00
chakra-ui-builder: Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable…; chakra-ui-refactor: Review, convert, and improve UI code using Chakra UI v3. Use this skill whenever a user wants to review Chakra UI code for issues, convert plain HTML/CSS,…; chakra-ui-migrate: Migrate Chakra UI projects from v2 to v3, covering package changes, codemods, provider setup, color mode, prop renaming, compo…
a11y
accessible
ark-ui
chakra-ui
component
css-in-js
dark-mode
design-system
react
react-components
reactjs
styled
ui-components
ui-library
uikit
wai-aria
Updated 2026-09-14 08:42:06 +08:00
clickhouse-best-practices: MUST USE when reviewing ClickHouse schemas, queries, or configurations. Contains 31 rules that MUST be checked before providing recommendations. Always read…; clickhouse-architecture-advisor: MUST USE when designing ClickHouse architectures, selecting between ingestion or modeling patterns, or translating best practices into workload-specific system…; chdb-sql: Use when the user wants to run SQL — especially analytical SQL — on local files (parquet/csv/json), URLs, S3…
Updated 2026-09-10 20:40:45 +08:00
Create cinematic product videos from shot recipe cards, a validated template, and code/audio assets (Remotion + real page screenshots + 2.5D camera moves +…
agent-skills
ai-agents
ai-video
claude-code
claude-code-skills
claude-skills
codex
motion-design
motion-graphics
product-video
promo-video
remotion
video-generation
video-production
Updated 2026-09-09 13:46:39 +08:00
Use when building App Store or Google Play screenshot pages, generating exportable marketing screenshots for iOS and/or Android apps, or scaffolding a…
agentic-ai
apple
appstore
automate
claude
cursor
design
generate
ios
ios-app
marketing
screenshot
skills
skills-sh
swift
swiftui
ui
Updated 2026-09-05 16:14:44 +08:00
design-md: Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files; enhance-prompt: Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures…; stitch-loop: Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern; shadcn-ui: Expert guidance for integrating and building applications with shadcn/ui components, including comp…
Updated 2026-08-18 04:20:22 +08:00
domain-context: Progressive Domain Crystallization (PDC) — a skill for building and maintaining a living domain knowledge base for any custom business application. Use this…; customware-support-widget: Use this skill when adding, placing, configuring, or fixing the Customware support chat widget in the Customware React Router client-only SPA template. It…; frontend-design: Strict frontend design guardrails for building modern, minimal-visual-noise, airy, non-generic app UIs. Use whenever creati…
Updated 2026-07-21 18:16:32 +08:00
inngest-durable-functions: Use when building functions that must survive process crashes, retry automatically on failure, run on a schedule, react to events, or maintain state across…; inngest-events: Use when designing event-driven workflows, decoupling services, implementing fan-out patterns (one trigger, many downstream handlers), implementing idempotent…; inngest-steps: Use when implementing delays that must survive process restarts (e.g., 24-hour cart abandonment, scheduled follow-ups), wa…
agent-skill-repository
agent-skills
agentic-skills
ai-agents
claude-code-skills
cursor-skills
openclaw-skills
Updated 2026-07-03 04:40:14 +08:00
agentation: Add Agentation visual feedback toolbar to a Next.js project; agentation-self-driving: Autonomous design critique mode using the Agentation annotation toolbar. Use when the user asks to "critique this page," "add design annotations," "review the…
Updated 2026-06-07 14:16:05 +08:00
excel-automation: >; html-slides: >; ppt-visual: Design presentation visuals and slide layouts. Create visual concepts, suggest graphics, and provide design specifications for impactful PowerPoint slides.; pdf-extraction: Extract text, tables, and metadata from PDFs using pdfplumber; smart-ocr: >; data-analysis: Analyze spreadsheet data, generate insights, create visualizations, and build reports from Excel/CSV data.; stock-analysis: Analyze stocks with fundamental and technical analysis. Suppo…
Updated 2026-01-31 22:03:44 +08:00