component-design
Design React/Vue components following atomic design and composition patterns. Use when creating UI components.
Browse published AI skills maintained by vneseyoungster. Compare skill descriptions and follow each source repository for setup instructions.
Indexed skills
22Repository stars across indexed skills
550Repository forks
396Average repository stars per indexed skill
25Repository stars may repeat across skills from the same repository.
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.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.