Skip to content
Cover for Frontend Design: a dark code editor beside a warm, distinctive webpage

UIfrontend-design · personal demo

Frontend Design

Anthropic's official frontend-design skill: art-direct every project like a design studio lead — deliberate palette, typography, and layout, never the generic AI look.

What you get

  • A visual direction and design decisions that stand out
  • Taste-level typography and layout choices
  • Aesthetic risks with reasons behind them

Good for

  • New pages look "AI-generated"
  • A redesign needs a recognizable identity
  • You want AI to design like a studio lead

Not a fit

  • You need AI-chat-specific interaction rules. Use ai-ui-design
  • You need reference inspiration. Use ui-design-refs
  • You need a site from zero. Use personal-site-build

About this skill

You

Re-art-direct my skills store: the clay paper-craft look is set, push it one step toward premium handcraft, and be bold with typography.

How to use

  1. Choose Copy skill and hand it to your design agent.
  2. Name the vibe and what it must not look like.
  3. Have it set the visual direction first, then build pages.

Comments

No account needed. Comments are anonymous (a nickname is generated, and a rough location is shown).

Do something valuable every day, and always keep a Plan B.