/form-web

FormVisual Design

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.

Install

This skill

Install Form Web

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install this skill

$ claude plugin install form-web@tonone-ai

The agent

Install Form

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Form

$ claude plugin install form@tonone-ai

See all Form skills

Want all 31 agents across both teams?

Full installation guide

Invoke this skill

Command|$ /form-web

When to use

When designing a product landing page, marketing site, or campaign page before development starts. When an existing landing page needs a visual redesign. When a new feature needs a dedicated page and you want the design specified before the copy is written.

Deep dive

AI Landing Page Design Generator

Landing pages need section flow, hero treatment, content hierarchy, and conversion optimization. /form-web designs all of it ready for Prism to implement.

Read the article

More from Form

All Form skills

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…

FormVisual Design

/form-tokens

Defines a complete design token system: semantic color tokens (primary, surface, text, border, status), spacing scale, typography tokens, shadow and radius values, animation timing tokens, and maps them to CSS custom properties and Tailwind configuration. Bridges design decisions to code so both are consistent.

When establishing a design system and need the tok…

FormVisual Design

/form-component

Produces a component design spec: visual design for all states (default, hover, focus, active, disabled, loading, error, and domain-specific states), interaction behavior and animation, prop definitions with types, accessibility requirements including ARIA attributes, and usage guidelines. Ready for Prism to implement.

When adding a new component to a design system and…

Ready to use Form Web?

Get Started Back to Marketplace