All skills

page-design-pipeline

For developersDesign

Checkpoint-driven design of a page/component with approvals at each step.

Open source — soon

Uses

Google Stitchservice ↗emil-design-engserviceanimateservicecontent-genservice

APIs to connect

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

What it does

Designs a new page or component step by step with explicit approval at each checkpoint: context → structure → (Stitch) → tokens + code → animations → audit → final.

How to use

  1. 1Say “design page X” or /design-page.
  2. 2Answer the context, pick a structure.
  3. 3Optional: Stitch generates a design draft.
  4. 4Emil + animation + audit, with your OK at every step.

When it triggers

“build a landing for X”“design a component”“create a screen”/design-page

Example

/design-page a pricing page — takes you from structure to polished code.

Updates

  • Added an optional Google Stitch branch (Checkpoint 1.5).

  • Added to the RedSkills catalog.

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