Freetaste skilllow risk

Capability · rank 02

frontend-design

Produce intentional UI with stronger hierarchy, typography, and aesthetic direction.

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.

Listed owner

anthropics/skills

Package source

GitHub

Overview

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Review the sandbox comparison, limitations, permissions, and pinned version before install.

Outcome

Produce intentional UI with stronger hierarchy, typography, and aesthetic direction.

Who it is for

Builders generating product UI with coding agents.

What it is not for

Brand strategy sign-off or accessibility compliance audits.

Runtime export

codex_skill · markdown_export

TASTE domain: ui_ux_taste

Sandbox comparison

Generic baseline vs frontend-design on the same sample input · pinned v1.0.0

Sample input

Landing hero for an AI agent marketplace, currently flat and templated.

Model: gpt-4.1-mini · temp 0.2

Generic baseline

52/100

Use a blue gradient hero, bold headline, three feature cards, and a primary Get Started button.

Skill-enhanced

90/100

Direction: dark editorial marketplace with orbital motion cues.
Hierarchy: oversized wordmark + outcome line, then install command as the product moment.
Avoid: generic feature trios, stock gradients, and equal-weight cards.
Next: one signature visual (orbit/cube), high-contrast CTAs, and denser social proof row.

Rubric scores

+38 lift

Distinctiveness2 → 5

Hierarchy clarity3 → 5

Typography intent2 → 4

Anti-template choices1 → 5

Assumptions

Sample input is representative of a real production task
Same model and temperature for baseline and skill-enhanced runs

Comparison runs through the shared sandbox engine on registry sample cases (deterministic v0 path).

Usage

1. Inspect trust badges, limitations, and permissions on this page.
2. Run the sandbox comparison to see baseline vs skill-enhanced output.
3. Install the pinned version with the command below for your agent runtime.
4. Agents can also fetch /api/v1/skills/frontend-design/manifest.

$npx skills add anthropics/skills --skill frontend-design

Example prompts & use cases

1 / Prompt

Redesign this dashboard so it does not look AI-generic

2 / Prompt

Propose typography and spacing for a SaaS marketing site

3 / Prompt

Critique this component tree for visual hierarchy issues

Limitations

Taste is context-sensitive; brand systems may override defaults.
Does not replace design-system ownership or user research.

Audience

Builders generating product UI with coding agents.

Not for

Brand strategy sign-off or accessibility compliance audits.

Version history

v1.0.0

Jan 19, 2026current

Initial public packaging