Agent Skills Phoebe Picks design-taste-frontend showcase

Design read: editorial Skill gallery.

Taste Lab

Agent-made pages become intentional.

Quiet editorial workspace with printed interface studies
Minimal studio table with paper swatches and interface notes
Variance 8 Motion 6 Density 4

The key features are the controls.

Choose a Skill feature. The specimen updates with the rule, the proof, and the page behavior it changes.

01

Read the room first

Infer page kind, audience, references, assets, and constraints before writing code.

    Public gallery read Builder audience, editorial product tone.

    The page starts by naming the audience and design language before showing any interface.

    Generic page, taste pass, studio mode.

    Switch states to see how the Skill changes structure, language, contrast, and visual confidence.

    Phoebe Picks Browse
    Proof before picks

    Find Skills by real work.

    Source, rating, and demo proof stay visible before anyone tries a Skill.

    Editorial table with interface studies and notes

    Pre-flight as an instrument.

    Run the check. The page marks which taste rules are actively covered by the build.

    Brief inference

    One design read appears before the interface.

    Dial values

    Variance, motion, and density guide the page.

    No AI defaults

    Generic purple glow and filler copy are isolated as the bad state.

    Real visuals

    The page uses real image assets and a real mini interface preview.

    Motion discipline

    Motion is used for state transitions and disabled when requested.

    Mobile and dark mode

    Layouts collapse explicitly, and tokens respond to system color preference.

    0 checks passed