NewFree guided workflows for designers, PMs and developers
SkillHub
Workflow for designers

From brand to polished UIin 4 steps

Start from an existing brand and end with a reviewed, on-brand interface. Your agent extracts the brand, specs the UI, builds it and polishes the detail.

for your terminal; each skill also has its own page

The steps and the skill for each

  1. 1
    Brand Extract

    Pull the brand kit from a live site: colours, type, logo use and tone.

  2. 2
    Generate Ui From Brand

    Turn the brand into tokens, design decisions and a UI spec before anything is built.

  3. 3
    Frontend Design

    Build the screens from that spec, with a clear aesthetic direction instead of generic defaults.

  4. 4
    Impeccable Design Polish

    Audit the result for spacing, hierarchy, states and detail, and fix what falls short.

The kit behind it all 6 skills for brand & identity

This workflow uses skills from the Brand & identity kit. The kit has the full set for the field, in the order to install them.

Brand & identity

Capture a brand's look and voice, then put it to work.

  • Brand Visual Language
  • Brand Extract
  • Brandkit
  • Brand Voice Guide
  • +2
6 skills · 1 workflow

More workflows for designers

All workflows