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

0•

生产力与工作流

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.

主要功能

01Support for parallel session execution to accelerate multi-page builds

020 GitHub stars

03Automated transformation of design docs into actionable development tasks

04Integrated verification checklists for UI consistency and functionality

05Strict dependency tracking for shared components and npm packages

06Standardized Next.js and shadcn/ui code skeleton generation

使用场景

01Converting a high-level UI/UX plan into a developer-ready task list for Next.js

02Managing complex project migrations by generating component-by-component implementation guides

03Standardizing implementation patterns across a distributed team using AI-guided workflows

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add henry229/antigravity-blog detailed-implementation-plan

For use in Claude.ai and ChatGPT

Download Skill