MCPInstall

feature-dev

Guided feature development with codebase understanding and architecture focus. Use for implementing features systematically: explore → clarify → design → implement → test → review.

Installs
538
Last 24h
—
Trending rank
—
Security
Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/notedit/happy-skills --skill feature-dev
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads feature-dev automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

SKILL.md

The instructions your agent reads when the skill is triggered.

Feature Development

You are helping a developer implement a new feature. Follow a systematic approach: understand the codebase deeply, identify and ask about all underspecified details, design elegant architectures, implement, test thoroughly, then review.

Announce at start: "I'm using the feature-dev skill to implement this feature."

Core Principles

  • Ask clarifying questions: Identify all ambiguities, edge cases, and underspecified behaviors. Ask specific, concrete questions rather than making assumptions. Wait for user answers before proceeding with implementation. Ask questions early (after understanding the codebase, before designing architecture).
  • Understand before acting: Read and comprehend existing code patterns first
  • Read files identified by agents: When launching agents, ask them to return lists of the most important files to read. After agents complete, read those files to build detailed context before proceeding.
  • Simple and elegant: Prioritize readable, maintainable, architecturally sound code
  • Test thoroughly: Ensure all new code has appropriate test coverage
  • Use TodoWrite: Track all progress throughout

Phase 1: Discovery

Goal: Understand what needs to be built

Initial request: $ARGUMENTS

Actions:

  1. Create todo list with all phases
  2. If feature unclear, ask user for:
    • What problem are they solving?
    • What should the feature do?
    • Any constraints or requirements?
  3. Summarize understanding and confirm with user

Phase 2: Codebase Exploration

Goal: Understand relevant existing code and patterns at both high and low levels

Actions:

  1. Launch 2-3 code-explorer agents in parallel. Each agent should:

    • Trace through the code comprehensively and focus on getting a comprehensive understanding of abstractions, architecture and flow of control
    • Target a different aspect of the codebase (eg. similar features, high level understanding, architectural understanding, user experience, etc)
    • Include a list of 5-10 key files to read

    Example agent prompts:

    • "Find features similar to [feature] and trace through their implementation comprehensively"
    • "Map the architecture and abstractions for [feature area], tracing through the code comprehensively"
    • "Analyze the current implementation of [existing feature/area], tracing through the code comprehensively"
    • "Identify UI patterns, testing approaches, or extension points relevant to [feature]"
  2. Once the agents return, please read all files identified by agents to build deep understanding

  3. Present comprehensive summary of findings and patterns discovered


Phase 3: Clarifying Questions

Goal: Fill in gaps and resolve all ambiguities before designing

CRITICAL: This is one of the most important phases. DO NOT SKIP.

Actions:

  1. Review the codebase findings and original feature request
  2. Identify underspecified aspects: edge cases, error handling, integration points, scope boundaries, design preferences, backward compatibility, performance needs
  3. Present all questions to the user in a clear, organized list
  4. Wait for answers before proceeding to architecture design

If the user says "whatever you think is best", provide your recommendation and get explicit confirmation.


Phase 4: Architecture Design

Goal: Design multiple implementation approaches with different trade-offs

Actions:

  1. Launch 2-3 code-architect agents in parallel with different focuses: minimal changes (smallest change, maximum reuse), clean architecture (maintainability, elegant abstractions), or pragmatic balance (speed + quality)
  2. Review all approaches and form your opinion on which fits best for this specific task (consider: small fix vs large feature, urgency, complexity, team context)
  3. Present to user: brief summary of each approach, trade-offs comparison, your recommendation with reasoning, concrete implementation differences
  4. Ask user which approach they prefer

Phase 5: Implementation

Goal: Build the feature

DO NOT START WITHOUT USER APPROVAL

Actions:

  1. Wait for explicit user approval
  2. Read all relevant files identified in previous phases
  3. Implement following chosen architecture
  4. Follow codebase conventions strictly
  5. Write clean, well-documented code
  6. Update todos as you progress

Phase 6: Automated Testing

Goal: Ensure comprehensive test coverage and all tests pass

Actions:

  1. Generate Tests: Launch 2 test-generator agents in parallel with different focuses:

    • Unit tests: Focus on individual functions, edge cases, error handling
    • Integration tests: Focus on component interactions, data flow, API contracts

    Each agent should analyze the new code and provide:

    • Test cases with full implementation code
    • Priority ranking (critical/important/nice-to-have)
    • Required mocks and fixtures
  2. Review Generated Tests:

    • Consolidate test recommendations from both agents
    • Prioritize critical tests that must be implemented
    • Present test plan to user for approval
  3. Implement Tests:

    • Write the approved test cases following project conventions
    • Set up required mocks and test fixtures
    • Ensure tests are well-organized and maintainable
  4. Run Tests: Launch test-runner agent to:

    • Execute the full test suite (or relevant subset)
    • Analyze any failures with root cause diagnosis
    • Provide specific fixes for failing tests
  5. Fix and Iterate:

    • If tests fail due to implementation bugs, fix the implementation
    • If tests fail due to test issues, fix the tests
    • Re-run tests until all pass
    • Do not proceed to Quality Review until all tests pass
  6. Report Coverage: Summarize test coverage achieved and any gaps


Phase 7: Quality Review

Goal: Ensure code is simple, DRY, elegant, easy to read, and functionally correct

Actions:

  1. Launch 3 code-reviewer agents in parallel with different focuses: simplicity/DRY/elegance, bugs/functional correctness, project conventions/abstractions
  2. Consolidate findings and identify highest severity issues that you recommend fixing
  3. Present findings to user and ask what they want to do (fix now, fix later, or proceed as-is)
  4. Address issues based on user decision
  5. If significant changes were made, re-run tests using test-runner agent to ensure nothing broke

Phase 8: Summary

Goal: Document what was accomplished

Actions:

  1. Mark all todos complete
  2. Summarize:
    • What was built
    • Key decisions made
    • Files modified
    • Test coverage achieved
    • Suggested next steps

FAQ

What does the feature-dev skill do?

Guided feature development with codebase understanding and architecture focus. Use for implementing features systematically: explore → clarify → design → implement → test → review.

How do I install feature-dev?

Run npx skills add https://github.com/notedit/happy-skills --skill feature-dev in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/feature-dev/ (personal) or .claude/skills/feature-dev/ (project).

Which AI agents can use feature-dev?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is feature-dev safe to install?

No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.

Who maintains feature-dev?

It is published by notedit in notedit/happy-skills. It has 538 recorded installs.

More from notedit/happy-skills

View all →

gsap-animation

notedit/happy-skills

GSAP + Remotion integration for professional motion graphics video production. Timeline orchestration, text splitting, SVG morphing, advanced easing, and reusable effect presets.

Frontend & Design314 installs

screenshot-analyzer

notedit/happy-skills

Analyze product screenshots to extract feature lists and generate development task checklists. Use when: (1) Analyzing competitor product screenshots for feature extraction, (2) Generating PRD/task lists from UI designs, (3) Batch analyzing multiple app screens, (4) Conducting competitive analysis from visual references.

react-animation

notedit/happy-skills

ReactBits animations for Remotion - curated for aesthetic excellence in video production

Frontend & Design180 installs

video-producer

notedit/happy-skills

End-to-end Remotion video production from natural language briefs. Orchestrates narrative structure, scene animation, visual style, and rendering to produce complete promotional videos. Use when a user wants to create a complete video (product promo, typographic piece, social media animation) — not just individual animation effects. Coordinates gsap-animation, spring-animation, and react-animation skills as building blocks.

Media & Creative149 installs

feature-analyzer

notedit/happy-skills

Turn ideas into fully formed designs and specs through natural collaborative dialogue. Use when planning new features, designing architecture, or making significant changes to the codebase.

tts-skill

notedit/happy-skills

Open the skill to read its SKILL.md instructions.

Media & Creative97 installs

Popular code quality & workflow skills

View category →

grill-me

mattpocock/skills

A relentless interview to sharpen a plan or design.

Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.

handoff

mattpocock/skills

Compact the current conversation into a handoff document for another agent to pick up.

domain-modeling

mattpocock/skills

Build and sharpen a project's domain model. Use when discussing codebase terminology, writing or editing a GLOSSARY.md, or recording or editing an ADR.

codebase-design

mattpocock/skills

Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.

diagnosing-bugs

mattpocock/skills

Diagnosis loop for hard bugs and performance regressions. Use when the user says "diagnose"/"debug this", or reports something broken/throwing/failing/slow.