Can I run multiple page plans simultaneously?

Yes, once Session 0 is complete, you can run multiple parallel Claude sessions to generate implementation plans for different pages at the same time.

Which frameworks are prioritized in the output?

The skill is optimized for Next.js 15 (App Router), TypeScript, Tailwind CSS, and shadcn/ui, but the logic can be adapted for other stacks.

What is 'Session 0' in this skill?

Session 0 is the required first step where common UI components are processed to create a shared implementation plan, ensuring consistent imports and props across all subsequent pages.

Where are the implementation plans stored?

All generated plans are stored in the .doc/plan/implementation/ directory, following a standardized naming convention for easy access.

Detailed Implementation Planner

Name: Detailed Implementation Planner
Author: Henry229

byHenry229

生产力与工作流

Transforms high-level design documents into granular, actionable implementation plans with code skeletons and task lists.

关于

The Detailed Implementation Plan skill streamlines the transition from architectural planning to active coding by transforming page-level design specs into granular, task-oriented Markdown files. It enforces a structured workflow where shared components are defined before page-specific logic, allowing developers to run multiple Claude sessions in parallel. This skill generates standardized output including file paths, dependency lists, TypeScript skeletons for Next.js 15, and comprehensive verification checklists to ensure every component matches the original design and business requirements.

主要功能

Support for parallel session execution to accelerate multi-page builds
0 GitHub stars
Automated transformation of design docs into actionable development tasks
Integrated verification checklists for UI consistency and functionality
Strict dependency tracking for shared components and npm packages
Standardized Next.js and shadcn/ui code skeleton generation

使用场景

Converting a high-level UI/UX plan into a developer-ready task list for Next.js
Managing complex project migrations by generating component-by-component implementation guides
Standardizing implementation patterns across a distributed team using AI-guided workflows

关于

主要功能

Support for parallel session execution to accelerate multi-page builds
0 GitHub stars
Automated transformation of design docs into actionable development tasks
Integrated verification checklists for UI consistency and functionality
Strict dependency tracking for shared components and npm packages
Standardized Next.js and shadcn/ui code skeleton generation

使用场景

Converting a high-level UI/UX plan into a developer-ready task list for Next.js
Managing complex project migrations by generating component-by-component implementation guides
Standardizing implementation patterns across a distributed team using AI-guided workflows