Claude Skills

The `implement` skill generates implementation plans from validated specifications and executes them using Test-Driven Development while continuously verifying spec compliance. Use it when you have an approved spec and are ready to start coding a new feature. It ensures the implementation strictly matches the specification, triggering a different workflow if deviations are found.

The `evolve` skill handles spec/code divergence by analyzing mismatches and recommending whether to update the spec or fix the code. It provides reasoning for its recommendations and manages the evolution process, which can be executed with user control or through auto-updates. It is automatically triggered during code reviews or verification when compliance issues are found.

The Constitution Skill enables developers to create and manage project-wide standards that guide all specifications and implementations. It defines architectural principles, coding standards, API patterns, and quality requirements to ensure consistency across features. All project specs are validated against the constitution to maintain adherence to established guidelines.

The brainstorm skill transforms rough ideas into executable specifications through collaborative questioning and alternative exploration. It focuses on defining the "what" and "why" while deferring implementation details, producing a specification that serves as the source of truth. Use this skill when called from a command to refine initial concepts into validated, actionable specs.

This Claude Skill provides comprehensive TDD guidance using the RGRC cycle and Baby Steps methodology. It offers systematic test design techniques including equivalence partitioning, boundary value analysis, and decision tables for generating test cases. Use it when implementing TDD workflows, discussing test generation strategies, or building test-generator agents.

This skill provides framework-agnostic frontend component design patterns with rich React implementation examples. Use it when working with React, Vue, or Angular components to discuss patterns, hooks, state management, and architecture. It covers essential topics like Container/Presentational separation, React Hooks patterns, custom hooks design, and component composition strategies.

This Claude Skill automatically creates daily reports in esa.io by fetching Google Calendar events and structuring them into predefined templates. It triggers on keywords like "日報" and "daily report" to streamline team communication workflows. Developers can customize this project-specific automation for their team's reporting needs.

The code-principles skill provides fundamental software development guidelines including SOLID, DRY, KISS, and YAGNI for writing maintainable, understandable code. Use it when discussing architecture, refactoring, code quality, or design patterns to get practical decision frameworks and best practices. This skill is essential for code reviews and implementing clean code principles in development workflows.

The user-story-generator skill transforms feature descriptions into validated user stories through an interactive Q&A process. It decomposes features into 2-8 stories, performs automated INVEST validation, and outputs annotated stories in YAML and Markdown formats. Use this skill when you need to systematically break down a new feature into well-structured, developer-ready user stories.

The Technical Annotator skill automatically adds technical context, implementation hints, and effort estimates to user stories. It analyzes stories to recommend technology stacks, assess complexity, and identify implementation risks. Developers should use it when they need to enhance user stories with actionable technical intelligence for planning and decision-making.

The story-validator skill checks user stories against the INVEST criteria to ensure quality. It identifies issues, provides actionable improvement suggestions, and can optionally auto-fix common problems. Developers should use it to validate story quality in the backlog or when preparing stories for development.

The sprint-planner skill helps developers create optimal sprint plans by managing team capacity, checking story dependencies, and selecting work based on priorities. It activates when teams need to plan sprints, automatically fitting stories within capacity constraints while ensuring dependency readiness. The skill validates sprint feasibility and can sync with GitHub milestones for streamlined workflow integration.

The dependency-analyzer skill helps developers identify and visualize relationships between user stories. It detects critical issues like circular dependencies and blocking chains, and generates visual graphs using tools like Mermaid. Use this skill to analyze story dependencies, find bottlenecks, and get optimization suggestions.

This validation skill systematically checks code quality, test coverage, performance, and security to ensure implemented features meet all standards before marking them complete. It serves as a final quality gate, typically used after implementation and testing but before creating a pull request. The skill uses tools like Read, Bash, Grep, and Glob to run checks including formatting, type checking, and linting.

This Claude Skill implements features by generating code, tests, and documentation from approved designs. It enforces Test-Driven Development (TDD) and adheres to project coding standards using tools like Read, Write, and Bash. Use it after the design phase to systematically build features with high-quality, well-tested code.

The `design` skill translates analyzed requirements into technical designs for feature implementation. It helps developers create system architecture, define API contracts, and plan data flows. Use this skill after requirements analysis but before starting implementation work.

The analysis skill helps developers systematically evaluate GitHub issues by extracting requirements, assessing technical feasibility, and identifying dependencies and security risks. It's designed for use at the start of feature implementation to understand scope and potential challenges. The skill utilizes GitHub MCP tools to read issues and comments, providing a foundation for informed development planning.

This skill helps developers create production-ready frontends by systematically composing five core design dimensions (typography, color, motion, spatial composition, and backgrounds). It generates distinctive, non-generic UIs by applying these dimensions to specific tech stacks like React with Vite and Framer Motion or Vue. Use it when you need to quickly build a polished, uniquely styled frontend with a cohesive design system.

This skill transforms generic frontend designs by applying aesthetic upgrades across five core dimensions: typography, color, motion, spatial composition, and backgrounds. It diagnoses common design flaws and provides tech-agnostic principles, referencing framework-specific implementations. Use it to systematically enhance visual appeal and break predictable design patterns in your frontend code.

This skill enables developers to create distinctive, production-grade Svelte/TypeScript frontends with exceptional design quality. It is ideal for building component libraries, accessible web applications, and high-fidelity prototypes. The skill integrates comprehensive design frameworks covering typography, color, motion, and spatial composition to guide the entire development process.

This skill generates distinctive, production-ready HTML/CSS frontends by applying a 5-dimension aesthetic framework. It focuses on creating non-generic, high-quality designs using semantic HTML5, modern CSS, and CSS-only animations. Use it when you need to build beautiful, accessible interfaces that avoid the homogenized look of typical AI-generated code.

This skill automatically upgrades generic Svelte component designs by applying aesthetic improvements across five key dimensions: typography, color, motion, spatial composition, and backgrounds. It analyzes existing components, identifies design anti-patterns, and systematically transforms them into more visually distinctive interfaces. Use this when you need to quickly enhance the visual appeal of bland Svelte components within your project.

This Claude Skill automatically improves generic React component designs by applying aesthetic upgrades across typography, color, motion, spatial composition, and backgrounds. It analyzes existing components to identify bland patterns, then systematically enhances them using Anthropic's design framework. Use this skill when you need to quickly transform basic React UIs into visually distinctive interfaces without manual design work.

This skill transforms generic HTML/CSS designs by applying aesthetic upgrades across typography, color, motion, spatial composition, and backgrounds. It analyzes existing code to identify bland patterns and systematically enhances them using Anthropic's design framework. Use it when you need to quickly elevate basic frontend designs into more visually distinctive interfaces.