Browse Skills

Shipping and Launch prepares teams for production deployments with pre-launch checklists, monitoring setup, staged rollouts, and rollback strategies. Use it when deploying features, migrating data, or planning canary releases.

Source Driven Development grounds every framework-specific implementation decision in official documentation, so code is verifiable and follows current best practices. Use it when building with any framework or library where correctness matters, or when you want source-cited code free from outdated patterns.

Spec-Driven Development writes a structured specification before coding, defining objective, commands, code style, testing strategy, and boundaries. Use it when starting a new project or feature, when requirements are ambiguous, or when a change touches multiple files.

Test-Driven Development guides writing a failing test before code to make it pass. Use it when implementing logic, fixing bugs, or modifying behavior to prove code works.

API and Interface Design guides the creation of stable, well-documented interfaces including REST APIs, GraphQL schemas, module boundaries, and component props. Use it when designing new endpoints, defining contracts between teams, or changing existing public interfaces.

Browser Testing runs tests and inspections in a real browser via Chrome DevTools MCP. Use it when building or debugging browser UI to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output.

CI/CD and Automation sets up and modifies build and deployment pipelines, automating quality gates like lint, type check, tests, build, and security audits so no change reaches production without passing checks.

Code Review and Quality conducts multi-axis code review across correctness, readability, architecture, security, and performance before merging changes. Use it to assess code quality before code enters the main branch.

Code Simplification simplifies code by reducing complexity while preserving exact behavior. Use it when refactoring for clarity, improving readability, or reviewing code that has accumulated unnecessary complexity.

Context Engineering optimizes the information an AI agent sees by structuring rules files, specs, source files, error output, and conversation history. Use when starting a session, when agent output degrades, or when setting up project context.

HR Onboarding creates a single-page onboarding plan in HTML from an active DESIGN.md. Use it when a design brief mentions onboarding, new hire, first week plan, or 入职.

HTML PPT Course Module generates an onboarding training deck using the course-module full-deck HTML template. Use it to produce a decision-grade deck for new hospitality hire training with speaker notes and keyboard navigation.