How do I install /form-web?

Install Tonone for Claude Code via tonone.ai/get-started.

AI Landing Page Design Generator

Landing pages built feature-first end up looking like product documentation. Built brand-first they look beautiful and convert poorly. The right answer is built audience-first: who is reading this, what do they need to know, what action are they meant to take, and how does the visual treatment serve those answers.

The /form-web skill designs landing pages with the layout, hero treatment, content hierarchy, and conversion flow specified at the level Prism can implement. Built on top of /draft-landing (the IA) and the brand foundations from /form-brand.

Tonone's /form-web skill designs landing pages with section layout, hero treatment, content hierarchy, and conversion flow.

FormVisual Design

/form-web

Designs a landing page or marketing website: section hierarchy and flow, visual layout for each section, content structure and hierarchy, hero section treatment, and conversion flow optimization. Specifies layout, components, and visual treatment at a level of detail Prism can implement without further design clarification.

When designing a product landing page, marketing s…

DraftUX Design

/draft-landing

Structures landing page information architecture for conversion-optimized layouts. Validates each section against the 'so what?' test and outputs section order with CTA placement markers.

When designing a landing page structure, ordering …

FormVisual Design

/form-brand

Creates brand identity foundations: color palette with primary, secondary, and semantic tokens with usage rules; type system with scale, pairing rationale, and line height specifications; iconography style direction; and style guide documentation. Every choice is tied to a brand principle so the reasoning can be applied consistently to new surfaces.

When launching a new product that needs a visual i…

PrismFrontend

/prism-ui

Builds a production-ready UI from scratch: pages with real data fetching, skeleton loading states, error boundaries, empty states, responsive layout across breakpoints, and keyboard navigation. Follows accessibility standards and uses the project's existing component patterns rather than introducing new ones.

When building a new page or web application from s…

Install

/form-web ships with the Form agent in Tonone for Claude Code.

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Form

$ claude plugin install form@tonone-ai

Frequently asked questions

What does /form-web do?: It designs landing pages with layout, hero treatment, content hierarchy, and conversion flow ready for Prism to implement.
How do I install /form-web?: Install Tonone for Claude Code via tonone.ai/get-started.