Skip to main content
Changelog
v0.9.32026-04-26by Fatih

4 new skills: draft-proto, form-direction, form-animate, form-critique

Draft gets a hi-fi interactive prototype skill. Form gets three new skills covering design direction, motion animation, and expert critique. Both agents ship with updated skill routing tables.

feature

New skills

`/draft-proto`: hi-fi interactive HTML prototype skill for Draft. Takes wireframes to the next level: single-file React+Babel HTML, device-framed (iOS), real images from Wikimedia/Unsplash, state-driven navigation, Playwright-verified before delivery. Fills the gap between /draft-wireframe (lo-fi) and /prism-ui (production code).

`/form-direction`: design direction advisor for Form. Generates 3 differentiated visual directions from 5 design schools (Information Architecture, Motion Poetry, Minimalism, Experimental Avant-garde, Eastern Philosophy), each with a parallel HTML demo. Richer than /form-style: produces actual visual demos for selection, not just text recommendations.

`/form-animate`: motion design skill for Form. HTML animation to Playwright render to MP4/GIF export with BGM. Includes brand asset protocol, anti-AI-slop guardrails (no CSS silhouettes, no blue-purple gradient defaults), and narrative structure (hook, build, resolve, hold).

`/form-critique`: 5-dimension expert design critique for Form. Scores coherence, visual hierarchy, execution craft, functionality, and innovation 0-10 with ASCII radar chart and Keep/Fix/Quick Wins punch list. Distinct from /form-audit (technical QA): evaluates design as a craft object.

Also registered

form-palette and form-style are now formally registered in Form's plugin.json. They previously existed but were untracked.

Agent routing updates

Draft and Form agent definitions both ship updated ## Skills routing tables documenting when to use each skill.