generate-feature-docs

Generate structured feature documentation for Next.js pages from component sources and service calls.

11|3|Updated Aug 31, 2025
One-click install
npx skills add https://github.com/tonehq/tone --skill generate-feature-docs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: generate-feature-docs
Source: https://github.com/tonehq/tone/tree/main/frontend/.claude/skills/generate-feature-docs
Command: npx skills add https://github.com/tonehq/tone --skill generate-feature-docs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Automatically generates structured feature documentation for Next.js pages by analyzing component sources, service imports, Jotai atoms, and navigation paths.

Core Features & Use Cases

  • Analyzes component sources, service imports, and atoms to build a comprehensive feature doc.
  • Outputs to e2e/docs/<page-name>.md for consumption by /generate-tests.
  • Supports multi-route pages and auto-discovers routes for documentation generation.

Quick Start

Run the generate-feature-docs skill on a target page name to produce a ready-to-use feature document.

Frequently Asked Questions about generate-feature-docs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate feature documentation for Next.js pages?

Feature documentation for Next.js pages is generated by analyzing component sources, service imports, Jotai atoms, and navigation paths. The tool outputs structured markdown files to e2e/docs/<page-name>.md, summarizing the feature surface for downstream test generation.

What is automated feature documentation from code sources?

Automated feature documentation extracts a Next.js page's feature surface by detecting endpoints and data shapes from services, analyzing component sources, and validating against project types and atomic state. It eliminates manual documentation by enforcing strict code-sourced inputs.

Can I document multi-route Next.js pages automatically?

Yes, you can document multi-route Next.js pages automatically. The tool auto-discovers routes and analyzes the component sources, service calls, and navigation paths for each page to build comprehensive feature documentation.

How do I create e2e test documentation from React components?

Create e2e test documentation from React components by running the analysis on a target page name. The tool examines component sources, Jotai atoms, and service imports, then outputs a ready-to-use feature document to e2e/docs/<page-name>.md.

Does the feature documentation tool validate against project types?

Yes, the feature documentation tool validates documentation against the project's types and atomic state. It enforces strict code-sourced inputs to ensure the generated feature docs accurately reflect the actual codebase.