What is the format of the output documentation?

The skill generates a structured 'prd/' directory containing Markdown files for the system overview, page-specific requirements, and technical appendices.

Which frameworks are supported by Code to PRD?

It supports a wide range of frontend (React, Vue, Next.js, Svelte), backend (NestJS, Django, FastAPI, Express), and fullstack frameworks.

Can it distinguish between real APIs and mock data?

Yes, it features built-in mock detection that identifies code patterns like setTimeout, Promise.resolve(), and fixture files.

Does it require a running application to generate the PRD?

No, it performs static analysis of the source code files to infer routing, logic, and data structures.

Code to PRD

Name: Code to PRD
Author: micsapp

bymicsapp

0•

Learning & Documentation

Reverse-engineers any frontend, backend, or fullstack codebase into a comprehensive, business-readable Product Requirements Document (PRD).

This skill bridges the gap between technical implementation and product management by transforming source code into high-fidelity documentation. It performs a deep architectural analysis of routes, components, state management, and API integrations to produce a functional inventory detailed enough for both business stakeholders to understand and AI agents to reconstruct. Whether you are documenting legacy systems, onboarding new team members, or preparing specs for a migration, Code to PRD automates the tedious process of manual requirement extraction.

Key Features

01Generates a organized PRD directory with per-page logic, interaction maps, and API inventories.

02Comprehensive extraction of database models, DTOs, enums, status codes, and type mappings.

030 GitHub stars

04Intelligent mock detection that distinguishes real API service calls from hardcoded fixture data.

05Support for modern stacks including React, Next.js, Vue, NestJS, Django, and FastAPI.

06Automated 3-phase workflow involving global scanning, deep page analysis, and structured document generation.

Use Cases

01Creating detailed context for AI agents to use when performing system-wide refactors or migrations.

02Generating functional specifications for legacy codebases that lack existing documentation.

03Streamlining developer onboarding by providing a clear map of page relationships and API dependencies.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add micsapp/micstec-skills code-to-prd

For use in Claude.ai and ChatGPT