feature-plan

Generate vertical-sliced implementation plans for Next.js features.

4|1|Updated Sep 21, 2025
One-click install
npx skills add https://github.com/xmark168/VibeSDLC --skill feature-plan-xmark168
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: feature-plan
Source: https://github.com/xmark168/VibeSDLC/tree/main/backend/app/agents/developer/src/skills/nextjs/feature-plan
Command: npx skills add https://github.com/xmark168/VibeSDLC --skill feature-plan-xmark168

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps break down complex feature requests into manageable, actionable development tasks, ensuring a structured and efficient implementation process for Next.js applications.

Core Features & Use Cases

  • Task Decomposition: Decomposes user stories and feature requests into granular, vertically sliced tasks.
  • Implementation Planning: Provides a clear roadmap for development, including data, logic, and UI implementation steps.
  • Use Case: When given a user story like "As a user, I want to add items to a shopping cart", this Skill will generate a plan detailing tasks for creating the necessary database models, API endpoints, and UI components, ensuring each step is testable and contributes to a complete feature slice.

Quick Start

Use the feature-plan skill to create an implementation plan for adding a user profile editing feature.

Frequently Asked Questions about feature-plan

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

FAQPage Schema
How do I break down Next.js feature requests into actionable development tasks?

Break down Next.js feature requests by decomposing user stories into granular, vertically sliced tasks. This ensures a structured implementation process covering data, logic, UI, and tests systematically for manageable development.

What is vertical slicing in feature development planning?

Vertical slicing in feature development planning decomposes user stories into tasks that deliver complete feature slices. Each task covers data, model, logic, UI, and tests, ensuring every step contributes to a testable, end-to-end functionality increment.

How do I plan a Next.js feature implementation using INVEST criteria?

Plan a Next.js feature implementation using INVEST criteria by generating a roadmap of vertically sliced tasks. This approach ensures each decomposed task remains Independent, Negotiable, Valuable, Estimable, Small, and Testable throughout the development lifecycle.

Can I use this task decomposition approach for any Next.js feature?

Yes, you can use this task decomposition approach for any Next.js feature. It takes user stories and systematically generates implementation plans detailing database models, API endpoints, and UI components regardless of the feature's complexity.

What order should I follow when planning tasks for a new feature?

When planning tasks for a new feature, you should follow a data-model-logic-UI-tests ordering. This prioritization ensures foundational structures are built first, leading to comprehensive and testable feature slices in your application.

Why does my Next.js feature implementation lack a clear development roadmap?

Your Next.js feature implementation lacks a clear roadmap if tasks are not decomposed into vertical slices. Generating a structured plan covering data, logic, UI, and tests ensures all aspects are systematically addressed and efficiently executed.