frontend-design

Create frontend interfaces with typography, color, motion, and design systems.

Updated Aug 23, 2026

Search Tags:#typography #frontend #UI #color #aesthetics #design-system #motion

One-click install

npx skills add https://github.com/nbarthelemy/claudenv --skill frontend-design-nbarthelemy

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/nbarthelemy/claudenv/tree/main/.claude/skills/frontend-design
Command: npx skills add https://github.com/nbarthelemy/claudenv --skill frontend-design-nbarthelemy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates distinctive frontend interfaces with strong typography, color, motion, and design systems, avoiding generic AI aesthetics.

Core Features & Use Cases

Aesthetic Direction: Establishes a clear design direction before coding.
Design System & Tokens: Establishes tokens, spacing, and accessible color systems.
Polish & Accessibility: Delivers production-ready, accessible UI with cohesive motion.
Use Case: Refactor a dashboard to align with brand tokens and a modern design system.

Quick Start

Tell Claude: "Improve the UI of this project" or "Polish the login page styling."