Command·Impeccable·plugin · v4.8.0·UI003

/impeccable shape

Plans how a page should work and look before any code is written. It asks a few questions and writes a design brief for you to approve. For a new page or a new look, it then makes three image mockups, you pick one, and it builds to match.

Markdown
Example
/impeccable shape the billing settings page

The broadest design toolkit. One skill, /impeccable, with about two dozen sub-commands for building, reviewing and refining real UI on the web and in native iOS and Android apps. It reads PRODUCT.md and DESIGN.md in your project before every task, and its design detector checks UI edits automatically.

Skip it when
Throwaway one-off pages, or any project where you have not run init yet.
Best for
Ongoing work in a real project, where every design pass should know your users and brand.
Changes
Advice
Notes
Run init once per project first. 4.8.0 has the same commands as 4.7.1; its design-check hooks now run natively on Windows. New in 4.7.1: /impeccable on its own suggests what to do next for this project. A big new page can start from three image mockups you choose between before any code (when image generation is available). adapt and audit follow Apple's and Google's platform rules for native apps. teach is another name for init, and craft is an old name for an ordinary build request. Its animate is separate from Emil's /animate.

More in Impeccable.