Skillsby SefarAI
Back to catalog

Frontend Design

Build distinctive interfaces with intentional typography, composition, and visual direction.

Install with skills CLI

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

Choose your target agent when the installer prompts. Installation target does not mean this listing has tested every agent.

Included in a Skill Stack

Production React Web

Design: Sets typography, composition, hierarchy, and the visual system.

What it is for

A design-focused workflow for new interfaces and redesigns. It pushes agents to establish a coherent aesthetic direction and avoid default-looking output.

Useful when

Landing pages
Application interfaces
Visual redesigns

Expected outcomes

  • A declared visual direction
  • More intentional typography and composition
  • Implementation-aware design choices

Requirements

  • An agent that supports the Skills format
  • A clear interface brief

Related skills