Concepts
Skills
TL;DR58 skills, each with a trigger and an output contract. They are indexes that load on demand; the using-agent-skills meta-skill routes a task to the right one. You describe the task, not the skill.
Index
What a skill is
A skill is a small, focused instruction set with an output contract. Each one is a roughly 250-line index that points at deeper guides, loaded only when the task needs them. The lazy-loading architecture keeps the always-on context small while keeping the detail available.
Skills are not a menu you order from. They load when the agent recognizes a matching task, and the skill gate records which ones were consulted.
How skills activate
You describe what you need. The using-agent-skills meta-skill routes the task to one or more skills based on their triggers.
| You say |
Skill that loads |
| “Add a login page” |
frontend-web + spec-driven-development + test-driven-development |
| “Build a REST API” |
backend-api-mastery + api-and-interface-design |
| “Create a CLI tool” |
cli-tools + spec-driven-development |
| “Review this code” |
code-review-and-quality |
| “Fix this bug” |
debugging-and-error-recovery |
| “Write tests” |
test-driven-development |
| “Deploy to production” |
shipping-and-launch + ci-cd-and-automation |
| “Design a landing page” |
frontend-web + critique-skill + polish-skill |
If auto-detection misses, say “load the test-driven-development skill” or “use TDD for this.”
Reading the catalog
Each entry below is generated from the skill’s own SKILL.md. It shows the skill name, a one-line what, the triggers that activate it, what it is for, and what it is explicitly not for. The count is the number of deeper guides shipped with the skill; the SKILL.md link opens the source of truth.
Skills by phase
- Define:
spec-driven-development, architecture-analysis, interview-me, idea-refine
- Plan:
planning-and-task-breakdown
- Build:
incremental-implementation, test-driven-development, source-driven-development, doubt-driven-development
- Verify:
test-driven-development, debugging-and-error-recovery, browser-testing-with-devtools
- Review:
code-review-and-quality, security-and-hardening, performance-optimization
- Ship:
git-workflow-and-versioning, ci-cd-and-automation, shipping-and-launch
Four skills work on the framework itself. skill-creator generates a new skill from a workflow description, skill-improver reads failing eval cases and proposes improvements, self-improvement runs the audit, diagnose, fix, and record loop, and customize-opencode edits OpenCode’s own configuration.
The eval for each skill
Every skill ships with an eval that checks it triggers on the right tasks and produces the expected shape. The eval gate runs on changed skills before a commit lands, so a skill that stops working is caught the same way code is.
Foundation3
Universal engineering philosophy, context setup and user preferences.
context-engineering
draftOptimize agent context setup.
- Activates when
- starting a session
- output degrades
- switching tasks
- Use it for
- Starting a new coding session
- Agent output quality is declining
- Switching between parts of a codebase
- Setting up a new project for AI-assisted development
- Don't use it for
- One-off queries with no context needs
- Trivial changes with no dependencies
- Already in an active session with fresh context
engineering-fundamentals
read-onlyDefine the universal engineering philosophy for all platform skills: discovery, contracts, anti-slop, quality gates.
- Activates when
- Loaded by all platform skills
- Use it for
- Loaded by all platform skills. Never invoke directly.
- Don't use it for
- Platform-specific implementation (platform skills add details to this foundation)
user-onboarding
action-allowedCapture user preferences once, persist across projects. Creates a user profile for personalization across skills.
- Activates when
- first session
- setup preferences
- Use it for
- Any skill starts and no ~/.config/opencode/user-profile.json
- user-profile.json > 90 days old
- User says "setup preferences", "remember stack", "configure defaults"
- Don't use it for
- Profile exists and < 90 days old (Quick Verify instead)
- User says "skip" and profile exists
- Turbo Mode active with existing profile
Ideation2
Refine raw ideas and extract requirements before committing to a plan.
idea-refine
draftRefine raw ideas into sharp, actionable concepts through divergent and convergent thinking.
- Activates when
- an idea is vague or needs stress-testing
- Use it for
- Idea is still vague or incomplete
- Need to stress-test assumptions before committing
- Want to explore alternatives before converging on one
- Don't use it for
- Requirements are already clear and documented
- Trivial changes with obvious scope
interview-me
read-onlyExtract what the user actually wants through one-question-at-a-time interviewing.
- Activates when
- a request is underspecified
- Use it for
- Request is underspecified ("build me X" without "for whom" or "why now")
- User says "interview me", "grill me", "are we sure?"
- Agent catches itself about to silently fill in ambiguous requirements
- Before spec-driven-development for any non-trivial request
- Don't use it for
- Requirements already clear and documented
- Trivial, well-defined tasks (one-line fix, typo correction)
- Override: NOINTENT: reason in commit body
Process8
Specs, architecture, planning and the incremental build loop.
architecture-analysis
draftEvaluate architecture options with 2-3 alternatives before building. Challenges assumptions, locks decisions into specs.
- Use it for
- Non-trivial project (multi-page, multi-module, backend needs)
- Choosing between frameworks, stacks, patterns
- User says "I want X" without justification
- Evaluating microservices vs monolith, SSR vs CSR, REST vs GraphQL
- Decision expensive to reverse
- Skip when: Stack locked in SPEC.md, pure implementation. One-off tweaks. Toy projects.
- Don't use it for
- Implementation details after architecture is decided
- One-off tweaks or toy projects
- When the stack is already locked in SPEC.md
deprecation-and-migration
draftManage deprecation and migration of old systems, APIs, and features. Covers sunset strategies, backward compatibility, timelines.
- Activates when
- Removing or replacing an existing API endpoint
- Use it for
- Removing or replacing an existing API endpoint
- Migrating users from one implementation to another
- Deciding whether to maintain or sunset existing code
- Planning backward-compatible transitions
- A third-party API or dependency your system relies on announces deprecation
- Don't use it for
- Building new features (use feature implementation skills)
- Deployment (use shipping-and-launch)
doubt-driven-development
action-allowedReview every non-trivial decision with a fresh-context adversarial review.
- Activates when
- correctness matters
- stakes are high
- code is unfamiliar
- Use it for
- A decision is non-trivial when it introduces branching logic, crosses a module boundary, asserts unverifiable properties (thread safety, idempotence), has irreversible blast radius (production deploy, data migration, public API change), or depends on context the future reader cannot see.
- Apply when: about to make an architectural decision, commit non-trivial code, claim a non-obvious fact, or work in code you don't fully understand.
- Don't use it for
- Mechanical operations (renaming, formatting)
- Clear, unambiguous instructions
- Reading or summarizing existing code
- One-line changes or pure tooling
incremental-implementation
action-allowedBuild features incrementally in thin vertical slices.
- Activates when
- touching multiple files or when a task feels too large for one step
- Use it for
- Implementing any multi-file change
- Building a new feature from a task breakdown
- Refactoring existing code
- Any time you're tempted to write >100 lines before testing
- Don't use it for
- Single-file, single-function changes where scope is already minimal
multi-agent-orchestration
action-allowedOrchestrate multiple AI coding agents in parallel, pipeline, or swarm modes.
- Activates when
- >2 agents or multi-file refactors
- Use it for
- Task requires > 2 agents (parallel implementation, research+build+review)
- Multi-module refactor (non-overlapping files, independent modules)
- Spec-driven pipeline with phase gates (Spec → Implement → Test → Review)
- Competitive exploration (swarm mode for architecture decisions)
- Don't use it for
- Single-file changes (one agent is sufficient)
- Tasks where files overlap (causes merge conflicts)
- Simple CRUD or linear workflows
planning-and-task-breakdown
draftDecompose work into small, verifiable tasks with explicit acceptance criteria.
- Activates when
- a spec needs breakdown into implementable steps
- Use it for
- You have a spec and need to break it into implementable units
- A task feels too large or vague to start
- Work needs to be parallelized across multiple agents or sessions
- The implementation order isn't obvious
- Don't use it for
- Single-file changes with obvious scope
- Spec already contains well-defined tasks
source-driven-development
draftGround every implementation decision in official documentation before writing code.
- Activates when
- building with any framework where correctness matters
- Use it for
- Using any framework, library, SDK, or API
- Implementing against a documented interface
- Migrating between versions of a dependency
- Any time correctness of API usage matters
- Using a new dependency for the first time (verify API surface before writing code)
- Upgrading a major version of a dependency (breaking changes expected — verify against new docs, not old knowledge)
- Don't use it for
- Pure algorithm or data structure implementation
- Business logic with no external dependency
- Creative or design work
spec-driven-development
draftCreate comprehensive specifications from user requests through research, critical analysis, and user alignment.
- Activates when
- new project
- feature
- spec
- plan
- Use it for
- Starting any new project or feature
- Ambiguous or one-sentence requirements that need clarification
- Changes touching >3 files or crossing module boundaries
- Architectural or technology decisions
- Any task estimated at >30 minutes
- Don't use it for
- Single-line fixes, typo corrections, truly trivial changes (1 file, < 10 lines, no logic). For everything else, run the pipeline.
Frontend5
Web, PWA, mobile, desktop and the shared UI component layer.
frontend-desktop
draftBuild production-grade desktop apps with native OS integration. Default: Tauri v2. Adaptable: Electron, Flutter.
- Activates when
- Build any desktop application with native OS integration
- Use it for
- Build any desktop application with native OS integration.
- Don't use it for
- Web-only apps (use frontend-web)
- Mobile apps (use frontend-mobile)
- CLI tools (use terminal workflow)
frontend-mobile
draftBuild production-grade mobile apps with native design tokens and platform compliance.
- Activates when
- mobile app
- React Native
- Flutter
- iOS
- Android
- Use it for
- Build, design, or redesign any mobile app interface.
- Don't use it for
- Web-only tasks (use frontend-web)
- Installable web apps (use frontend-pwa)
- Backend-only tasks
frontend-pwa
draftBuild installable, offline-first web apps for all devices with native migration via Capacitor.
- Activates when
- PWA
- offline
- installable
- hybrid
- Use it for
- Web app with offline functionality
- Installable experience (add to homescreen)
- Cross-device (phone, tablet, foldable, TV, desktop)
- Future native distribution via Capacitor/Ionic
- Don't use it for
- Simple marketing sites with no offline needs (use frontend-web)
- Pure native apps (use frontend-mobile)
frontend-ui-engineering
draftBuild production-quality UIs with component architecture, state management, and layout discipline.
- Use it for
- Building any user-facing component
- Designing component architecture or state management
- Implementing layouts, navigation, or responsive patterns
- Referenced automatically by platform skills
- Don't use it for
- Platform-specific work (use the dedicated platform skill)
- API or backend work (use backend-api-mastery)
frontend-web
draftBuild production-grade web interfaces.
- Activates when
- website
- landing page
- web app
- Next
- Use it for
- Build, design, or redesign any web interface.
- Don't use it for
- Backend-only, CLI, non-visual software
- Native mobile (use frontend-mobile)
- Installable offline apps (use frontend-pwa)
Backend3
APIs, data, auth and command-line interfaces.
api-and-interface-design
draftDesign stable APIs and module boundaries with clear contracts.
- Activates when
- designing REST/GraphQL endpoints or defining type contracts between modules
- Use it for
- Designing API contracts between frontend and backend
- Defining module boundaries in a codebase
- Creating type interfaces shared across packages
- Establishing communication protocols between services
- Adding a new public endpoint to an existing API
- Changing an existing API endpoint (versioning decision required)
- Introducing a new service that communicates with existing services
- Splitting a monolith into microservices (boundary discovery)
- Creating a client SDK or client library for an API
- Reviewing an existing API for backward compatibility issues
- Starting a new feature that touches more than one module (contract first, code second)
- Don't use it for
- Deep backend implementation (use backend-api-mastery)
- Frontend-specific work (use frontend-web, etc.)
- Database schema design
- Purely operational API changes (add one field to existing endpoint, no versioning change)
backend-api-mastery
action-allowedDesign production-grade APIs with intentional architecture before writing endpoints. Covers protocol, database, auth, validation, testing.
- Activates when
- Building any API layer (REST, GraphQL, tRPC, WebSocket, gRPC)
- Use it for
- Building any API layer (REST, GraphQL, tRPC, WebSocket, gRPC)
- Adding a database or persistence layer to a project
- Implementing authentication or authorization
- Designing error handling, validation, or rate limiting
- Creating data models, schemas, or migrations
- spec-driven-development (if SPEC.md indicates backend needs)
- architecture-analysis (if non-trivial backend is chosen)
- frontend-web or frontend-mobile (if frontend needs a backend to persist data)
- Don't use it for
- The project is frontend-only with no persistence (static site, landing page)
- The backend is already designed and documented in API-DESIGN.md
- The task is purely operational (fix a bug in existing API, add one field)
cli-tools
action-allowedBuild production-grade CLI tools with argument parsing, exit codes, colored output, progress, and error handling.
- Use it for
- Building a new CLI tool or command
- Adding a CLI interface to an existing project or service
- Refactoring ad-hoc scripts into a proper CLI (argument parsing, exit codes, composability)
- Creating developer tooling: scaffolds, code generators, linters, formatters, migration tools
- Building a multi-command tool (git-style subcommands: tool <noun> <verb>)
- Implementing automation that needs reliable exit codes and piped output (CI/CD, scripts)
- User says: "build a CLI", "terminal app", "command line tool", "make a tool that...", "create a command"
- Don't use it for
- GUI applications (desktop, web, mobile)
- Simple one-off shell scripts (use a shell script directly)
- Full-screen TUI applications (emacs, vim-style interactive interfaces)
Testing4
Tests first, browser verification and systematic debugging.
browser-testing-with-devtools
read-onlyTest interfaces in real browsers: inspect DOM, capture console errors, analyze network requests, verify visual output. Available tools vary by platform.
- Activates when
- Debugging browser-specific behavior
- Use it for
- Debugging browser-specific behavior
- Verifying visual output with real runtime data
- Capturing console errors or network request issues
- Profiling frontend performance
- Don't use it for
- Unit or integration testing (use test-driven-development)
- Backend testing
- Static analysis or linting
- Non-browser environments
debugging-and-error-recovery
action-allowedDebug systematically using root-cause analysis.
- Activates when
- tests fail
- builds break
- behavior doesn't match
- Use it for
- Test fails after a code change
- Build breaks or produces errors
- Runtime error in development or production
- Behavior doesn't match expectations
- Performance degrades unexpectedly
- User reports a bug
- Don't use it for
- Code review or quality assessment (use code-review-and-quality)
- Building new features (use feature implementation skills)
- Speculative debugging without evidence
- First-time flaky test without reproduction steps
debugging-three-strikes
action-allowedStop speculative debugging after 3 same-bug strikes. Diagnose systematically before writing code.
- Use it for
- Same test failing across 3+ consecutive commits (mechanical STRIKES_LOG trigger)
- Same component fixed twice with different root causes
- bug-tag: repeating in commit body for the same issue
- Escalated from debugging-and-error-recovery after repeated fix attempts
- Don't use it for
- First occurrence of a bug (use debugging-and-error-recovery instead)
- One-off test flakiness or network-dependent failure
- Different components failing independently (not the same root cause)
test-driven-development
action-allowedWrite tests first with RED-GREEN-REFACTOR cycle.
- Activates when
- implementing logic
- fixing bugs
- proving code works
- Use it for
- Implementing any new logic or behavior
- Fixing any bug (the Prove-It Pattern)
- Modifying existing functionality
- Adding edge case handling
- User says "add tests" or "make sure it works"
- Don't use it for
- Pure configuration changes, documentation updates, or static content changes
Quality8
Audits, review, security, performance and observability.
code-review-and-quality
read-onlyReview code across 5 axes (correctness, readability, architecture, security, performance) before merging.
- Use it for
- Before merging any PR or change
- After completing a feature implementation
- When another agent or model produced code you need to evaluate
- When refactoring existing code
- After any bug fix (review both fix and regression test)
- Don't use it for
- Work-in-progress code not ready for review
- Design or visual feedback (use critique-skill or polish)
- Performance or security investigation without code change (use dedicated skills)
code-simplification
action-allowedSimplify code for clarity without changing behavior.
- Activates when
- refactoring code that is harder to read or maintain
- Use it for
- Code is correct but harder to read than necessary
- Abstractions don't earn their complexity
- Functions or components are too large
- Duplicated logic could be unified
- After code review reveals complexity issues
- Don't use it for
- Behavior must change (use feature implementation skills)
- Only formatting or linting issues (use formatter/linter)
- The code is already as simple as it can be
dev-environment-audit
action-allowedAudit development environment (CLI tools, runtimes) before code. Proposes installations with justification.
- Use it for
- Starting new project (after spec, before build)
- User asks "what do I need to install" or "setup environment"
- Before build if docs/DEV-ENVIRONMENT.md missing or outdated
- Project requires testing, deployment, or design tools
- Invoked by: spec-driven-development Phase 7, shipping-and-launch, frontend-* (if MCPs absent)
- Don't use it for
- Fresh DEV-ENVIRONMENT.md (<7 days) with all tools verified (skip audit)
- Pure documentation task with no tooling needs
documentation-and-adrs
draftDocument architectural decisions, API changes, and features.
- Activates when
- something needs a written record
- Use it for
- Making a significant architectural decision
- Choosing between competing approaches
- Adding or changing a public API
- Shipping a feature that changes user-facing behavior
- Onboarding new team members or agents
- Don't use it for
- Documenting obvious code or throwaway prototypes
observability-and-instrumentation
draftInstrument code so production behavior is visible: structured logging, metrics, tracing, alerting.
- Activates when
- shipping features that need evidence
- Use it for
- Adding logging, metrics, tracing, or alerting
- Shipping features that run in production
- Production issues reported but you can't tell what happened
- Setting up monitoring dashboards
- After an incident postmortem (filling observability gaps discovered during analysis)
- Before a public launch or major feature release (ensuring launch readiness)
- Don't use it for
- Deployment or rollback planning (use shipping-and-launch)
- Pre-production work
performance-optimization
read-onlyOptimize application performance beyond the frontend: Core Web Vitals, load times, server response, database queries, caching, profiling.
- Activates when
- Performance budgets are being exceeded
- Use it for
- Performance budgets are being exceeded
- Core Web Vitals need improvement
- Load times or Time-to-Interactive are too slow
- Profiling reveals backend or infrastructure bottlenecks
- After a major dependency upgrade or framework migration (regression risk)
- Preparing for a traffic event (launch, sale, campaign)
- Don't use it for
- Frontend design performance (use optimize-skill)
- Premature optimization without measurements
project-health-check
action-allowedAudit existing projects before new work.
- Activates when
- entering a codebase for the first time or after a gap
- Use it for
- Project has code AND no HEALTH-CHECK.md within 7 days.
- User asks for audit, health check, or technical debt review.
- Return after gap >3 days.
- Before "significant change" (>3 files or new feature).
- Don't use it for
- Project initialized this session (already compliant)
- Single-line fix in an audited project with recent HEALTH-CHECK.md
security-and-hardening
action-allowedHarden code against vulnerabilities: OWASP prevention, input validation, authentication, data storage, and third-party safety.
- Activates when
- Handling user input or file uploads
- Use it for
- Handling user input or file uploads
- Implementing authentication or session management
- Storing sensitive data (keys, tokens, PII)
- Integrating with third-party services
- Building any public-facing feature or API endpoint
- Processing payment or financial data
- Handling file uploads from untrusted sources
- Don't use it for
- Accessibility or input validation mechanics (use hard-skill)
- Performance optimization (use performance-optimization or optimize-skill)
Design review9
Heuristic review, the audit to fix chain, and delight.
adapt-skill
read-onlyFix responsive layout issues, missing mobile behavior, touch targets, and viewport handling.
- Activates when
- layouts break between breakpoints
- Use it for
- Layout breaks between defined breakpoints
- Mobile feels like an afterthought (tabs, full-width cards, tiny targets)
- Touch interactions don't work
- Horizontal scroll overflow
- User says "this doesn't work on my phone"
- After adding responsive review to a shipping pipeline
- Don't use it for
- Creating new responsive layouts from scratch (use build skills)
- Animations (use delight or optimize)
- Typography scaling (use typeset)
- Performance (use optimize)
audit-skill
read-onlyAudit code across 5 dimensions (accessibility, performance, theming, responsive, anti-patterns) with P0-P3 severity scoring.
- Use it for
- Before shipping to production
- During a quality sprint
- When tech lead says "we should look at [accessibility/performance]"
- After a feature is functionally complete but not reviewed
- Don't use it for
- Design quality evaluation (use critique-skill)
- One-off visual tweaks (use individual fix skills directly)
- Incomplete features (audit finds issues that are just unfinished)
clarify-skill
read-onlyRewrite confusing UX copy so interfaces explain themselves: labels, buttons, errors, empty states, tooltips.
- Activates when
- users don't understand fields
- Use it for
- Writing feels templated or generic — no deliberate voice
- Users don't understand a field or flow
- Error messages blame the user or don't explain the fix
- Button copy is ambiguous ("Submit", "OK", "Click here")
- Empty states say "No items" with no context
- Tooltips restate the label
- Confirmation dialogs don't name consequences
- Don't use it for
- Marketing or landing page copy (needs a writer)
- Voice/personality upgrades (use delight)
- Content strategy or information architecture
critique-skill
read-onlyEvaluate interfaces with two-pass design review: scoring, persona tests, AI slop detection, Nielsen heuristics, and 25 anti-patterns.
- Activates when
- Reviewing a design plan before any code is written (use Phase 0)
- Use it for
- Reviewing a design plan before any code is written (use Phase 0)
- Page is functionally complete, before ship (use Phase 1-3)
- "Does this feel right?" — need an honest second opinion
- User flags AI tells, generic layout, or sloppy design
- Before handing off for polish pass
- Don't use it for
- Technical quality or implementation bugs (use audit-skill)
- Incomplete or draft work (use shape or craft first)
- Running Phase 0 on built code (use Phase 1-3)
- Running Phase 1-3 on a plan with no code (use Phase 0)
delight-skill
read-onlyAdd micro-interactions, transitions, hover states, and feedback animations.
- Activates when
- UX feels stiff or lifeless
- Use it for
- Interface feels stiff or lifeless
- No feedback on hover, tap, or action completion
- User says "make it feel more responsive"
- Transitions feel jarring or instant (no duration)
- Loading states are blank or flicker
- After functionality is complete, before polish
- Don't use it for
- Performance optimization (use optimize — then delight on top)
- Structural changes (use build skills)
- Replacing missing states (use harden first)
hard-skill
action-allowedFix critical and high-severity accessibility, input, and state issues deterministically. Cross-platform: web, mobile, desktop, PWA.
- Activates when
- After audit finds P0/P1 items
- Use it for
- After audit finds P0/P1 items
- User says "make this accessible"
- User says "handle edge cases better"
- Before shipping to production
- After automated a11y scan (axe-core, Lighthouse) reveals violations
- Don't use it for
- Design decisions (use polish, redesign)
- Performance fixes (use optimize)
- Copy rewriting (use clarify)
- New features (use build skills)
optimize-skill
read-onlyFix performance issues: bundle size, animations, reflows, lazy loading, image optimization, render blocking.
- Activates when
- profiling reveals bottlenecks
- Use it for
- After profiling reveals a specific bottleneck
- User says "this page is slow"
- Lighthouse / PageSpeed score is below target
- User says "animations jank" or "scrolling stutters"
- Bundle size exceeds budget (500KB critical path JS)
- Images are loading at full resolution on mobile
- Don't use it for
- Speculative optimization (measure first)
- Design changes that happen to improve performance
- Pre-optimization during initial build (build clean first, optimize later)
polish-skill
read-onlyFix design detail issues: spacing, alignment, consistency, token compliance.
- Activates when
- audit or when visual inconsistencies are spotted
- Use it for
- After audit finds P1-P2 theming/consistency issues
- When components look "off" but structurally work
- User says "make this look more polished"
- During design QA before shipping
- When design tokens exist but aren't applied consistently
- Don't use it for
- Technical issues (use harden)
- UX flow issues (use redesign, distill)
- Structural redesign (use redesign)
- Copy rewriting (use clarify)
typeset-skill
read-onlyFix typography and reading rhythm issues: typeface, weight, size, line-height, spacing, type ramp.
- Activates when
- text feels cramped or inconsistent
- Use it for
- Text feels cramped or airy
- Headings and body don't feel co-ordinated
- Type sizes don't follow a consistent ramp
- Line-height is inconsistent between similar texts
- Font weights vary without reason
- Letter-spacing is random or missing
- After changing type scale or introducing a new variant
- Don't use it for
- Choosing a new typeface (design decision, not polish)
- Rewriting copy (use clarify)
- Color/token issues (use polish)
- Spacing/layout issues (use polish)
Design skins5
Visual directions and output-enforcement skills.
industrial-brutalist-ui
draftDesign raw mechanical interfaces with Swiss typographic print and military terminal aesthetics: rigid grids, extreme type scale, utilitarian color.
- Activates when
- user chooses brutalist / military / industrial / tactical design direction
- Use it for
- Use when: user chooses brutalist / military / industrial / tactical design direction.
- Architect web interfaces synthesizing mid-century Swiss design, industrial manuals, and retro-futuristic aerospace terminals.
- Don't use it for
- Soft, polished, or consumer UIs
- Interfaces requiring rounded corners or gradients
minimalist-ui
draftDesign editorial product UI inspired by Notion and Linear: warm monochrome palette, typographic contrast, flat bento grids, muted pastel accents.
- Activates when
- Product UIs, documentation sites, SaaS dashboards, editorial layouts
- Use it for
- Product UIs, documentation sites, SaaS dashboards, editorial layouts. Not for playful consumer brands or experimental agency sites.
- Don't use it for
- Industrial, brutalist, or deliberately raw aesthetics
- Playful consumer brands or experimental agency sites
output-skill
draftPrevent placeholders, truncated code, and half-finished agent outputs.
- Activates when
- the agent ships incomplete work
- Use it for
- Before delivering any code output to a user
- After completing an implementation phase (before marking done)
- When context limits force truncated responses
- After any code generation that involves multiple files
- Don't use it for
- One-off draft or throwaway code
- Exploratory or research-only output
- Output that will be immediately deleted or overwritten
redesign-skill
draftImprove existing codebases systematically: scan the UI, diagnose issues across 8 categories, fix in priority order. Never breaks existing functionality.
- Activates when
- upgrading visual design of existing codebase
- Use it for
- Use when: upgrading visual design of existing codebase. Not for greenfield projects.
- Don't use it for
- Greenfield projects (use build skills instead)
- Framework migrations or stack changes
- Performance optimization without visual changes
soft-premium-ui
draftDesign polished, calm, premium UIs with soft contrast, generous whitespace, premium fonts, and spring motion.
- Activates when
- user chooses premium agency / luxury / calm design direction
- Use it for
- Use when: user chooses premium agency / luxury / calm design direction.
- Engineer $150k+ agency-level digital experiences. Haptic depth, cinematic spatial rhythm, obsessive micro-interactions.
- Don't use it for
- Industrial, brutalist, or raw mechanical aesthetics
- Minimalist editorial or documentation UIs
Git2
Repository setup, branching and day-to-day version control.
git-init-and-versioning
action-allowedInitialize and configure Git before writing code. Decides mono vs multi-repo, creates .gitignore/.env.example, sets branching strategy.
- Activates when
- After SPEC.md and DESIGN.md exist but before BUILD phase begins
- Use it for
- After SPEC.md and DESIGN.md exist but before BUILD phase begins
- When the user says "start the project", "setup repo", "git init"
- Before npm install, create-next-app, or any tool that generates files
- Don't use it for
- The project already has a Git repository with .gitignore and .env.example
- The task is purely committing changes in an existing repo (use git-workflow-and-versioning)
git-workflow-and-versioning
action-allowedManage git workflow practices: branching, committing, resolving conflicts, parallel streams.
- Use it for
- Making any code change (every change flows through git)
- Committing, pushing, merging, or rebasing
- Resolving merge conflicts
- Organizing parallel work streams
- Setting up a new project's git workflow
- Don't use it for
- Repository initialization or .gitignore setup (use git-init-and-versioning)
- Deployment or release branching and tagging (use fullstack-shipping)
- Code review or PR approval decisions (use code-review-and-quality)
DevOps4
CI/CD, deployment and production launch.
ci-cd-and-automation
action-allowedAutomate CI/CD pipeline setup, quality gates, and deployment.
- Activates when
- configuring test runners or build pipelines
- Use it for
- Setting up or modifying CI/CD pipelines
- Configuring automated quality gates
- Automating build and deployment processes
- Adding test runners to CI
- Don't use it for
- Full deployment strategy with monitoring and rollback (use fullstack-shipping)
- Pre-deployment launch checklist
fullstack-shipping
action-allowedBuild, test, and deploy with production-grade CI/CD, testing, orchestration, and monitoring.
- Activates when
- deploy
- ship
- launch
- pipeline
- production
- Use it for
- Preparing to deploy any project to production or staging
- Setting up CI/CD pipelines for the first time
- Adding testing infrastructure to an existing project
- Planning a release or launch
- Configuring monitoring, alerting, or rollback strategies
- The user says "go live", "ship it", "deploy to production"
- frontend-web or frontend-mobile Phase 7 (QA gates before delivery)
- backend-api-mastery Phase 7 (documentation & versioning before release)
- spec-driven-development Phase 8 (implement gate before deployment)
- Don't use it for
- Local development or prototyping without production intent
- Hotfixes where CI/CD is already established and the fix is trivial
- Documentation-only changes with no code impact
gate
action-allowedInstrument a repo with mechanical gates so an agent cannot commit untested code. Installs local hooks, a TDD gate, and a required CI check, then proves the gate fires.
- Activates when
- A user says their AI agent ships untested, unreviewed, or broken code
- Use it for
- A user says their AI agent ships untested, unreviewed, or broken code.
- They want a TDD gate, a pre-commit gate, or a required CI status check.
- They ask to "add enforcement", "block bad commits", or "make the agent prove it works".
- A repo has prompts (CLAUDE.md, .cursorrules, AGENTS.md) but no mechanical enforcement.
- Don't use it for
- The repo already has active gates — verify first (see *Verification*).
- Non-git projects: no VCS means no hooks; enforcement is convention-only.
- One-off scripts where a gate is pure noise.
shipping-and-launch
draftPrepare production launches with checklists, monitoring, staged rollout, and rollback strategies.
- Activates when
- any significant deployment
- Use it for
- Deploying a feature to production for the first time
- Releasing a significant change to users
- Migrating data or infrastructure
- Any deployment that carries risk (all of them)
- Don't use it for
- Local development or prototyping
- Pre-production CI/CD setup (use ci-cd-and-automation)
Metrics1
Background quality logging across projects.
project-metrics
action-allowedLog empirical quality metrics across projects: build pass rate, rework, coverage, discovery time, gate pass rate. Runs automatically in the background.
- Activates when
- Automatically in background after every significant action
- Use it for
- Automatically in background after every significant action. No direct invocation needed.
- Don't use it for
- Manual data collection or ad-hoc queries (runs automatically)
- Direct invocation (background skill only)