feature-dev

Orchestrate a 7-phase feature development lifecycle from discovery to summary.

1|1|Updated Jan 18, 2025
One-click install
npx skills add https://github.com/Project-X-Vietnam/landing-page --skill feature-dev-project-x-vietnam
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: feature-dev
Source: https://github.com/Project-X-Vietnam/landing-page/tree/main/.claude/skills/feature-dev
Command: npx skills add https://github.com/Project-X-Vietnam/landing-page --skill feature-dev-project-x-vietnam

SYSTEM DOCUMENTATION & REQUIREMENTS

๐Ÿ’ก This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a structured workflow to implement features from initial discovery and exploration through to final review and summary, ensuring a consistent and high-quality development process.

Core Features & Use Cases

  • Structured Workflow: Guides users through 7 distinct phases: Discovery, Exploration, Questions, Architecture, Implementation, Review, and Summary.
  • Codebase Integration: Emphasizes reusing existing components and adhering to design systems.
  • Use Case: When tasked with building a new user profile section on a website, this Skill will help break down the task, explore existing components, plan the architecture, implement the code, and review the final result.

Quick Start

Use the feature-dev skill to implement a new user authentication flow.

Frequently Asked Questions about feature-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What is an end-to-end feature development workflow?โ–ผ

End-to-end feature development is a structured process covering discovery, exploration, clarification, architectural design, implementation, code review, and summarization to ensure consistent software delivery.

How do I implement a new feature using existing UI components and design tokens?โ–ผ

To implement features using existing UI components, you should explore your codebase patterns, plan the software architecture, and write code that adheres to your design system for efficient and consistent delivery.

What's the best way to structure frontend development for a new user authentication flow?โ–ผ

The best way to structure frontend development is following a multi-phase lifecycle: clarify requirements, design the architecture, implement code with responsive design principles, and conduct a thorough code review.

Does this feature implementation process support responsive design and animations?โ–ผ

Yes, the feature implementation process requires adherence to responsive design principles and supports thoughtful animation integration to ensure high-quality frontend development.

When do I need a structured coding workflow with dedicated discovery and review phases?โ–ผ

You need a structured coding workflow with discovery and review phases when building new functionalities like a user profile section, ensuring tasks are broken down, explored, and reviewed for high-quality results.