UI 组件
基于代码的 UI 组件生成与样式实现
project-planning
athola
"Transform specifications into implementation plans with architecture design and dependency-ordered tasks. Use for spec-to-plan conversion, task breakdown, effort estimation. Skip if no spec exists."
vueuse-functions
vueuse
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
react-admin
marmelab
This skill should be used when building, modifying, or debugging a react-admin application — including creating resources, lists, forms, data fetching, authentication, relationships between entities, custom pages, or any CRUD admin interface built with react-admin.
architecture-paradigm-layered
athola
'Consult this skill when implementing layered patterns or enforcing layer
architecture-paradigm-serverless
athola
'Serverless FaaS for event-driven workloads with minimal infrastructure
architecture-paradigm-microkernel
athola
'Minimal core system with plugin-based feature extensibility for platform
modular-skills
athola
Architect skills as modular blocks to control token usage and complexity.
domain-modeling
proflead
Model domains and bounded contexts for complex systems. Use when a senior developer needs domain-driven design guidance.
precommit-setup
athola
"Configure three-layer pre-commit system with linting, type checking, and testing hooks. Use for quality gate setup and code standards. Skip if pre-commit is optimally configured."
function-docstrings
proflead
Write concise docstrings for functions. Use when a junior developer needs help describing inputs, outputs, and errors.
web-design-guidelines
ehmo
Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.
it-role-expert
krafton-ai
Provides role-specific expertise for 26+ IT company positions. Use when responding from a specific role's perspective, providing role-based advice, or when specialized knowledge is needed for engineering, product, design, data, marketing, sales, operations, HR, legal, finance, leadership, or academic functions.
organizational-design
RefoundAI
Help users design effective organizational structures. Use when someone is thinking about team structure, deciding between functional vs. divisional models, planning a reorg, or figuring out how to structure product teams.
building-with-llms
RefoundAI
Help users build effective AI applications. Use when someone is building with LLMs, writing prompts, designing AI features, implementing RAG, creating agents, running evals, or trying to improve AI output quality.
building-team-culture
RefoundAI
Help users build and maintain strong team culture. Use when someone is defining team values, creating psychological safety, onboarding to a new team, navigating cultural change, or building distributed team norms.
conducting-interviews
RefoundAI
Help users conduct effective hiring interviews. Use when someone is designing an interview loop, crafting interview questions, evaluating candidates in real-time, or building a structured interview process.
coaching-pms
RefoundAI
Help users develop and coach product managers. Use when someone is managing PMs, creating development plans, running performance reviews, or trying to level up their PM team's capabilities.
designing-surveys
RefoundAI
Help users design effective surveys. Use when someone is creating customer surveys, NPS measurements, product-market fit surveys, or feedback collection mechanisms.
nav-skill-creator
alekspetrov
Analyze codebase patterns and create custom skills for repetitive workflows. Use when project needs automation or pattern enforcement. Auto-invoke when user says "create a skill for...", "automate this workflow", or "we keep doing X manually".
frontend-component
alekspetrov
Create React/Vue component with TypeScript, tests, and styles. Auto-invoke when user says "create component", "add component", "new component", or "build component".
nav-task-mode
alekspetrov
Unified workflow orchestration for substantial tasks. Auto-detects complexity, defers to matching skills, or provides phase-based execution. Solves workflow conflicts between skills, loop mode, and CLAUDE.md.
product-design
alekspetrov
Automates design review, token extraction, component mapping, and implementation planning. Reduces design handoff from 6-10 hours to 5 minutes via direct Figma MCP integration. Auto-invoke when user mentions design review, Figma mockup, or design handoff.
system-architect
aj-geddes
Designs system architecture, selects tech stacks, defines components and interfaces, addresses non-functional requirements. Trigger words - architecture, system design, tech stack, components, scalability, security, API design, data model, NFR, patterns, microservices, monolith
frontend-test
alekspetrov
Generate frontend component tests (unit, snapshot, e2e). Auto-invoke when user says "test this component", "write component test", or "add component test".