Topic: developer-tools
13,276 skills in this topic.
-
product-design
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.
alekspetrov/navigator 161
-
visual-regression
Setup visual regression testing with Storybook stories, configuration, and CI/CD workflows. Supports Chromatic, Percy, BackstopJS. Auto-invoke when user says "set up visual regression", "add Chromatic tests", "add screenshot testing", or "set up Percy".
alekspetrov/navigator 161
-
mcp-local-rag
Ingest, search, list, update, or delete content in a local mcp-local-rag index when the user is working with local documents or pasted/fetched HTML, Markdown, or text. Use this skill to choose the right MCP tool or `npx mcp-local-rag` CLI command, formulate effective queries, interpret search scores, and manage source metadata.
shinpr/mcp-local-rag 189
-
ai-development-guide
Technical decision criteria, anti-pattern detection, debugging techniques, and quality check workflow. Use when making technical decisions, detecting code smells, or performing quality assurance.
shinpr/claude-code-workflows 258
-
coding-principles
Language-agnostic coding principles for maintainability, readability, and quality. Use when implementing features, refactoring code, or reviewing code quality.
shinpr/claude-code-workflows 258
-
documentation-criteria
Documentation creation criteria including PRD, ADR, Design Doc, and Work Plan requirements with templates. Use when creating or reviewing technical documents, or determining which documents are required.
shinpr/claude-code-workflows 258
-
frontend-ai-guide
Frontend-specific technical decision criteria, anti-patterns, debugging techniques, and quality check workflow. Use when making frontend technical decisions or performing quality assurance.
shinpr/claude-code-workflows 258
-
integration-e2e-testing
Integration and E2E test design principles, ROI calculation, test skeleton specification, and review criteria. Use when designing integration tests, E2E tests, or reviewing test quality.
shinpr/claude-code-workflows 258
-
recipe-add-integration-tests
Add integration/E2E tests to existing codebase using Design Docs
shinpr/claude-code-workflows 258
-
recipe-build
Execute decomposed tasks in autonomous execution mode
shinpr/claude-code-workflows 258
-
recipe-diagnose
Investigate problem, verify findings, and derive solutions
shinpr/claude-code-workflows 258
-
recipe-front-build
Execute frontend implementation in autonomous execution mode
shinpr/claude-code-workflows 258
-
recipe-front-design
Execute from requirement analysis to frontend design document creation
shinpr/claude-code-workflows 258
-
recipe-front-plan
Create frontend work plan from design document and obtain plan approval
shinpr/claude-code-workflows 258
-
recipe-front-review
Design Doc compliance and security validation with optional auto-fixes
shinpr/claude-code-workflows 258
-
recipe-fullstack-implement
Orchestrate full-cycle implementation across backend and frontend layers
shinpr/claude-code-workflows 258
-
recipe-plan
Create work plan from design document and obtain plan approval
shinpr/claude-code-workflows 258
-
recipe-review
Design Doc compliance and security validation with optional auto-fixes
shinpr/claude-code-workflows 258
-
recipe-task
Execute tasks following appropriate rules with rule-advisor metacognition
shinpr/claude-code-workflows 258
-
recipe-update-doc
Update existing design documents (Design Doc / PRD / ADR) with review
shinpr/claude-code-workflows 258
-
testing-principles
Language-agnostic testing principles including TDD, test quality, coverage standards, and test design patterns. Use when writing tests, designing test strategies, or reviewing test quality.
shinpr/claude-code-workflows 258
-
typescript-rules
React/TypeScript frontend development rules including type safety, component design, state management, and error handling. Use when implementing React components, TypeScript code, or frontend features.
shinpr/claude-code-workflows 258
-
implementation-approach
Implementation strategy selection framework. Use when planning implementation strategy, selecting development approach, or defining verification criteria.
shinpr/claude-code-workflows 258
-
recipe-design
Execute from requirement analysis to design document creation
shinpr/claude-code-workflows 258