feat(code-to-prd): add ecosystem integration — command, settings, marketplace
- Fix plugin.json version: 1.0.0 → 2.1.2 (repo versioning) - Add /code-to-prd slash command (4-step workflow: analyze → scaffold → fill → finalize) - Add settings.json with command registration and platform metadata - Add code-to-prd entry to marketplace.json with keywords and category Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -392,6 +392,27 @@
|
||||
"workspace-admin"
|
||||
],
|
||||
"category": "development"
|
||||
},
|
||||
{
|
||||
"name": "code-to-prd",
|
||||
"source": "./product-team/code-to-prd",
|
||||
"description": "Reverse-engineer any frontend codebase into a complete PRD. Analyzes routes, components, state, APIs, and interactions. Framework-agnostic: React, Vue, Angular, Svelte, Next.js. 2 Python scripts (frontend_analyzer, prd_scaffolder), 2 reference guides, /code-to-prd slash command.",
|
||||
"version": "2.1.2",
|
||||
"author": {
|
||||
"name": "Alireza Rezvani"
|
||||
},
|
||||
"keywords": [
|
||||
"prd",
|
||||
"product-requirements",
|
||||
"reverse-engineering",
|
||||
"frontend",
|
||||
"documentation",
|
||||
"code-analysis",
|
||||
"react",
|
||||
"vue",
|
||||
"angular"
|
||||
],
|
||||
"category": "product"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
78
commands/code-to-prd.md
Normal file
78
commands/code-to-prd.md
Normal file
@@ -0,0 +1,78 @@
|
||||
---
|
||||
name: code-to-prd
|
||||
description: Reverse-engineer a frontend codebase into a PRD. Usage: /code-to-prd [path]
|
||||
---
|
||||
|
||||
# /code-to-prd
|
||||
|
||||
Reverse-engineer a frontend codebase into a complete Product Requirements Document.
|
||||
|
||||
## Usage
|
||||
|
||||
```bash
|
||||
/code-to-prd # Analyze current project
|
||||
/code-to-prd ./src # Analyze specific directory
|
||||
/code-to-prd /path/to/project # Analyze external project
|
||||
```
|
||||
|
||||
## What It Does
|
||||
|
||||
1. **Scan** — Run `frontend_analyzer.py` to detect framework, routes, APIs, enums, and project structure
|
||||
2. **Scaffold** — Run `prd_scaffolder.py` to create `prd/` directory with README.md, per-page stubs, and appendix files
|
||||
3. **Analyze** — Walk through each page following the Phase 2 workflow: fields, interactions, API dependencies, page relationships
|
||||
4. **Generate** — Produce the final PRD with all pages, enum dictionary, API inventory, and page relationship map
|
||||
|
||||
## Steps
|
||||
|
||||
### Step 1: Analyze
|
||||
|
||||
Determine the project path (default: current directory). Run the frontend analyzer:
|
||||
|
||||
```bash
|
||||
python3 {skill_path}/scripts/frontend_analyzer.py {project_path} -o .code-to-prd-analysis.json
|
||||
```
|
||||
|
||||
Display a summary of findings: framework, page count, API count, enum count.
|
||||
|
||||
### Step 2: Scaffold
|
||||
|
||||
Generate the PRD directory skeleton:
|
||||
|
||||
```bash
|
||||
python3 {skill_path}/scripts/prd_scaffolder.py .code-to-prd-analysis.json -o prd/
|
||||
```
|
||||
|
||||
### Step 3: Fill
|
||||
|
||||
For each page in the inventory, follow the SKILL.md Phase 2 workflow:
|
||||
- Read the page's component files
|
||||
- Document fields, interactions, API dependencies, page relationships
|
||||
- Fill in the corresponding `prd/pages/` stub
|
||||
|
||||
Work in batches of 3-5 pages for large projects (>15 pages). Ask the user to confirm after each batch.
|
||||
|
||||
### Step 4: Finalize
|
||||
|
||||
Complete the appendix files:
|
||||
- `prd/appendix/enum-dictionary.md` — all enums and status codes found
|
||||
- `prd/appendix/api-inventory.md` — consolidated API reference
|
||||
- `prd/appendix/page-relationships.md` — navigation and data coupling map
|
||||
|
||||
Clean up the temporary analysis file:
|
||||
```bash
|
||||
rm .code-to-prd-analysis.json
|
||||
```
|
||||
|
||||
## Output
|
||||
|
||||
A `prd/` directory containing:
|
||||
- `README.md` — system overview, module map, page inventory
|
||||
- `pages/*.md` — one file per page with fields, interactions, APIs
|
||||
- `appendix/*.md` — enum dictionary, API inventory, page relationships
|
||||
|
||||
## Skill Reference
|
||||
|
||||
- `product-team/code-to-prd/SKILL.md`
|
||||
- `product-team/code-to-prd/scripts/frontend_analyzer.py`
|
||||
- `product-team/code-to-prd/scripts/prd_scaffolder.py`
|
||||
- `product-team/code-to-prd/references/prd-quality-checklist.md`
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "code-to-prd",
|
||||
"description": "Reverse-engineer any frontend codebase into a complete Product Requirements Document (PRD). Analyzes routes, components, state, APIs, and interactions to generate business-readable documentation that engineers or AI agents can use to fully reconstruct every page. Framework-agnostic: React, Vue, Angular, Svelte, Next.js, Nuxt, and more.",
|
||||
"version": "1.0.0",
|
||||
"version": "2.1.2",
|
||||
"author": {
|
||||
"name": "Alireza Rezvani",
|
||||
"url": "https://alirezarezvani.com"
|
||||
|
||||
15
product-team/code-to-prd/settings.json
Normal file
15
product-team/code-to-prd/settings.json
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"name": "code-to-prd",
|
||||
"displayName": "Code → PRD",
|
||||
"version": "2.1.2",
|
||||
"description": "Reverse-engineer any frontend codebase into a complete PRD. Analyzes routes, components, state, APIs, and interactions. Framework-agnostic.",
|
||||
"author": "Alireza Rezvani",
|
||||
"license": "MIT",
|
||||
"platforms": ["claude-code", "openclaw", "codex"],
|
||||
"category": "product",
|
||||
"tags": ["prd", "product-requirements", "reverse-engineering", "frontend", "documentation", "code-analysis", "react", "vue", "angular", "next-js"],
|
||||
"repository": "https://github.com/alirezarezvani/claude-skills",
|
||||
"commands": {
|
||||
"code-to-prd": "/code-to-prd"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user