All skills

design-revise

For developersDesign

A revision loop for an existing block: taste → animation → audit.

Open source — soon

Uses

Google Stitchservice ↗emil-design-engserviceanimateservicedesign-motion-principlesservice

APIs to connect

This skill needs keys for these services. The link takes you where to get each one:

What it does

Takes an existing block, component or section and polishes it in one pass through Emil Kowalski's taste discipline, animation patterns and a motion audit. It is NOT new-page design — only refinement of what exists, optionally with Stitch variants up front.

How to use

  1. 1Say “revise this block” / “polish this section” or /revise <block>.
  2. 2Optional: sketch block alternatives via Stitch.
  3. 3Then Emil (taste), animation, motion audit through three lenses.
  4. 4Before/After table at each step, plus a final checklist.

When it triggers

“revise this block”“polish this component”“run this through the design pass”/revise

Example

/revise the pricing section on the home page — walks typography, states, reveal animation, returns cleaned-up code.

Updates

  • Skill created: block revision loop (Stitch → Emil → animation → audit).

Liked this skill? New breakdowns and updates land in the channel.