Skills
.Work. You
Rest

form_page

Official

Create full-stack forms for any entity.

Software Engineering#full-stack#frontend#backend#zod#form#generator
Authortonehq
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Create a complete create/edit form — both backend API endpoint and frontend UI — for any entity in the Tone platform. Orchestrates the backend_form and frontend_forms skills. User specifies layout mode (modal, drawer, or page) or it auto-detects from field count. Generates the backend create/update endpoints, Zod schema, API mutation hooks, and the form UI.

Core Features & Use Cases

  • End-to-end scaffolding for a new entity: backend create/update endpoints, Zod schemas, API hooks, and a UI form.
  • Flexible layout: automatically selects or user-specified form layout (modal, drawer, or page) based on field count.
  • Orchestrates related skills: coordinates frontend_forms and backend_form to deliver a cohesive form experience.

Quick Start

Run the form_page skill to generate and wire a complete create/edit form for a new entity, including backend and frontend components.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: form_page
Download link: https://github.com/tonehq/tone/archive/main.zip#form-page

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.