Use when adding new error messages to React, or seeing "unknown error code" warnings.
npx skills add t3chn/codex-skills --skill "vi-feature-dev"
Install specific skill from multi-skill repository
# Description
Guided end-to-end feature development workflow (discovery → codebase exploration → clarifying questions → architecture → implementation → review → summary). Use when implementing a new feature or significant change and you want a structured, question-first approach.
# SKILL.md
name: vi-feature-dev
description: "Guided end-to-end feature development workflow (discovery → codebase exploration → clarifying questions → architecture → implementation → review → summary). Use when implementing a new feature or significant change and you want a structured, question-first approach."
Feature Development (7-Phase Workflow)
Implement new features with a systematic, high-signal process: understand first, ask questions, design, implement, review, summarize.
Core principles
- Ask clarifying questions early and explicitly; don’t guess requirements.
- Understand the codebase before designing or coding.
- Prefer simple, maintainable solutions that match existing patterns.
- Don’t start implementation without explicit user approval.
- Track progress with
update_planwhen available.
Phase 1: Discovery
Goal: Ensure the request is understood.
Actions:
- Restate the feature request and success criteria.
- If unclear, ask targeted questions (problem, scope, constraints, non-goals).
- Confirm understanding before moving on.
Phase 2: Codebase exploration
Goal: Learn the relevant architecture and patterns.
Actions:
- Do 2–3 focused exploration passes (sequentially) such as:
- Similar feature tracer: find the closest existing feature and trace it end-to-end.
- Architecture mapper: map layers/abstractions and extension points in the relevant area.
- UX/testing patterns: find UI patterns, tests, and conventions that apply.
- Produce a short list of key files to read (5–15), then read them.
- Summarize findings: patterns to follow, pitfalls to avoid, and where the change should live.
Phase 3: Clarifying questions
Goal: Resolve all ambiguities before design.
Actions:
- Identify underspecified aspects: edge cases, error handling, integration points, backward compatibility, performance, rollout.
- Present questions as a numbered list.
- Wait for answers before proceeding.
If the user says “whatever you think is best”, propose defaults and get explicit confirmation.
Phase 4: Architecture design
Goal: Design options and recommend an approach.
Actions:
- Propose 2–3 approaches with trade-offs (e.g., minimal changes vs cleaner separation).
- Recommend one approach and explain why it fits this repo and request.
- Get explicit user choice/approval for the approach.
- Produce an implementation blueprint: files to touch, component boundaries, data flow, tests.
Phase 5: Implementation
Goal: Build the feature.
Actions:
- Wait for explicit approval to start coding.
- Implement following the chosen design and repo conventions.
- Keep changes scoped; avoid unrelated refactors.
- Run the narrowest relevant checks/tests when available.
Phase 6: Quality review
Goal: Catch bugs and improve quality without over-nitpicking.
Actions:
- Review from 3 angles (sequentially):
- Correctness (bugs, edge cases, error handling)
- Simplicity (unnecessary complexity, duplication, readability)
- Conventions (project rules, layering, naming, tests)
- Present the highest-severity issues first.
- Ask what to do: fix now, defer, or proceed.
Phase 7: Summary
Goal: Make the work easy to understand and ship.
Actions:
- Summarize what was built and the key decisions.
- List files modified and suggested next steps (tests, rollout, docs).
- Ensure the plan is marked complete.
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.