skills.rest
tonehq
tonehqOFFICIAL
Explore all skills by this author →
GitHub

implement_feature_from_prd

Generate backend and frontend code scaffolding from a feature PRD.

11|3|Updated Aug 31, 2025
Search Tags:#frontend#backend#scaffolding#rbac#codegen#prd#alembic
One-click install
npx skills add https://github.com/tonehq/tone --skill implement-feature-from-prd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: implement_feature_from_prd
Source: https://github.com/tonehq/tone/tree/main/.claude/skills/implement_feature_from_prd
Command: npx skills add https://github.com/tonehq/tone --skill implement-feature-from-prd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Coordinating end-to-end feature scaffolding by reading a feature PRD and orchestrating downstream code-gen skills to produce production-ready backend and frontend scaffolding.

Core Features & Use Cases

  • Orchestrates downstream skills (backend_form, backend_tables, form_page, table_page, frontend_forms, frontend_tables, frontend_cards) in the correct order to generate a feature end-to-end.
  • Surfaces Conventions Check flags from the PRD before execution and prompts for user confirmation.
  • Outputs generated code to backend/app/, frontend/app/, frontend/lib/, and provides a follow-up checklist for migrations, tests, and integrations.

Quick Start

Run the implement_feature_from_prd skill with a PRD slug to scaffold code for docs/features/<slug>.

Frequently Asked Questions about implement_feature_from_prd

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

FAQPage Schema
How do I generate end-to-end backend and frontend scaffolding from a PRD?▼

You can automate feature scaffolding by reading a feature PRD and triggering downstream code-gen skills to output end-to-end backend and frontend code, covering DB schema, API, and UI components.

What is the process for turning feature documentation into production-ready code?▼

Turning feature documentation into code involves a structured pre-flight workflow that checks PRD convention flags, orchestrates backend and frontend generation, and outputs a follow-up checklist for migrations and tests.

How do I scaffold a new feature using a PRD slug?▼

To scaffold a new feature, you run the skill with a PRD slug referencing docs/features/<slug>.md, which parses the technical requirements and coordinates the generation of backend and frontend code.

Does PRD scaffolding support Alembic migrations and RBAC codegen?▼

Yes, PRD scaffolding supports RBAC codegen and outputs to backend/app/ and frontend/app/ directories, providing a follow-up checklist that includes necessary Alembic migrations and integration steps.

Can I generate frontend forms, tables, and cards from a single PRD file?▼

Generating frontend forms, tables, and cards from a single PRD file is possible because the skill orchestrates multiple downstream frontend code-gen components in the correct sequence to build the full UI.

What are the limitations of automating feature scaffolding from a PRD?▼

Automating feature scaffolding from a PRD generates code scaffolding and a follow-up checklist, but it does not automatically execute database migrations, run tests, or perform final system integrations.

Related Skills

Explore More Software Engineering Skills→
tonehqtonehq
11

generate_feature_prd_and_implementation

Generate a formal feature PRD with requirements, edge cases, and API design into a Markdown file.

Official
Advanced
gouravsingh311gouravsingh311

DB migrations and schema changes

Automate Alembic database migrations for SQLite and Postgres environments.

Community
Advanced
tonehqtonehq
11

table_page

Generate a full-stack listing page with backend API and Next.js UI.

Official
Advanced
agusmdevagusmdev
5

add-frontend-feature

Scaffold React/TypeScript frontend features with types, API endpoints, hooks, components, and routes.

Community
Intermediate