component-design
Design React/Vue components following atomic design and composition patterns. Use when creating UI components.
浏览 vneseyoungster 维护的已发布 AI 技能,比较用途与说明,并通过来源仓库了解安装方式。
已收录技能
22收录技能的仓库 Stars 合计
550仓库 Forks
396平均每个技能的仓库 Stars
25同一仓库中的多个技能可能共享 Stars,合计包含重复仓库数据。
Design React/Vue components following atomic design and composition patterns. Use when creating UI components.
Detect and document existing code patterns in a codebase. Use to maintain consistency with established conventions when writing new code.
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
Enforce SOLID, DRY, KISS principles during implementation. Auto-activated when writing or modifying code.
Generate and update documentation from code. Use after successful implementation.
Review code for quality, security, performance, and maintainability. Auto-activate after code modifications.
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes
Generate clarifying questions from research findings. MUST be used before planning phase. Validates requirements are complete and unambiguous before technical work begins.
Analyze project dependencies for security vulnerabilities, outdated packages, and upgrade paths. Use when auditing dependencies or planning upgrades.
Generate structured codebase maps with dependency graphs, file relationships, and architectural patterns. Use when exploring unfamiliar codebases or documenting project structure.
Use when converting architecture plans into implementation phases. Creates independent, bite-sized phase files that can be executed separately.
Comprehensive codebase documentation generator following a layered methodology. This skill should be used when scanning and documenting a codebase for the first time, when creating onboarding documentation for...
Implement consistent error handling across the application. Use when adding try-catch blocks, error boundaries, or custom error classes.
Design RESTful APIs following conventions with proper error handling, versioning, and documentation. Use when creating or modifying API endpoints.
Extract design assets and metadata from Figma using the Figma REST API. Supports exporting frames/components as images, extracting node metadata, design tokens, and file structure. Use with ai-multimodal skill...
Generate structured handoff summaries between workflow phases. Use when transitioning between RQPIV phases.
Parse user requirements into structured format with explicit assumptions, constraints, and acceptance criteria. Use when initial requirements are ambiguous or informal.
Create detailed architecture plans with decision records and risk assessments. Use when planning significant features or system changes.
Follow git conventions for commits, branches, and PRs. Auto-activated during git operations.
Create reversible database migrations with rollback scripts. Use when modifying database schemas.
Generate comprehensive tests following project testing patterns. Use after implementing features.
Scan code for OWASP vulnerabilities and security issues. Use for security-sensitive implementations.
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。