Does this skill generate actual application code?

No, this skill focuses on creating 'description-only' plans and technical specifications to ensure a solid architectural foundation before coding begins.

What specific files are generated?

It produces a central index.md file with a dependency graph and individual Markdown files for each specific development phase.

What types of project inputs does it support?

It works best with requirements documents covering business rules and user roles, as well as UI wireframes or interaction specifications.

Can it handle complex UI layouts?

Yes, it can generate ASCII wireframes for complex layouts and specifies components, props, and client-side state requirements.

How are the development phases organized?

Plans follow a logical progression: Foundation (Data/Infra), Domain Logic, API/Backend, UI/Frontend, and finally Integration (Reporting/Analytics).

Implementation Plan Generator

Name: Implementation Plan Generator
Author: nathanonn

bynathanonn

0•

Productivity & Workflow

Generates structured, phased implementation roadmaps and technical specifications from project requirements and UI wireframes.

This skill transforms raw requirements and UI specifications into a comprehensive, multi-phase implementation plan, serving as a technical blueprint for software development. It systematically breaks down projects into logical stages—starting with data modeling and infrastructure before moving through business logic, API development, and frontend integration. Each plan includes a central index with dependency mapping and detailed phase files containing TypeScript interfaces, technical specifications, and testing checklists, ensuring a clear path from conceptual design to production-ready software without the noise of premature implementation code.

Key Features

01Phased project breakdown with logical dependency mapping and ASCII graphs

02Standardized technical documentation using TypeScript interfaces for API contracts

03Analysis of both text-based requirements and UI wireframe interactions

04Automated generation of central index and detailed phase specifications

05Integrated testing checklists for quality assurance at every development stage

060 GitHub stars

Use Cases

01Standardizing technical documentation and roadmaps for development teams

02Breaking down complex feature requests into manageable development sprints

03Scoping new software projects based on initial discovery documents

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nathanonn/claude-skills-implementation-plan-generator implementation-plan-generator

For use in Claude.ai and ChatGPT

Download Skill

Key Features

01Phased project breakdown with logical dependency mapping and ASCII graphs

02Standardized technical documentation using TypeScript interfaces for API contracts

03Analysis of both text-based requirements and UI wireframe interactions

04Automated generation of central index and detailed phase specifications

05Integrated testing checklists for quality assurance at every development stage

060 GitHub stars

Use Cases

01Standardizing technical documentation and roadmaps for development teams

02Breaking down complex feature requests into manageable development sprints

03Scoping new software projects based on initial discovery documents

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nathanonn/claude-skills-implementation-plan-generator implementation-plan-generator

For use in Claude.ai and ChatGPT

Download Skill