mirror of
https://github.com/anthropics/claude-code.git
synced 2026-05-04 12:32:40 +00:00
8842a4c1b5
- Update skill description to emphasize accessibility as a core principle - Add accessibility to the Design Thinking checklist - Add full 'Accessibility Excellence' section covering: - Semantic Structure (HTML elements, heading hierarchy, landmarks) - Keyboard Navigation (tab order, focus indicators, skip links) - Visual Accessibility (contrast, color independence, reduced motion) - ARIA & Screen Readers (labels, live regions, state attributes) - Interactive Components (buttons vs links, form labels, modals) - Testing Checklist for verification - Emphasize that accessibility and bold design are not in conflict - Update closing statement to reference serving all users
Frontend Design Plugin
Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.
What It Does
Claude automatically uses this skill for frontend work. Creates production-ready code with:
- Bold aesthetic choices
- Distinctive typography and color palettes
- High-impact animations and visual details
- Context-aware implementation
Usage
"Create a dashboard for a music streaming app"
"Build a landing page for an AI security startup"
"Design a settings panel with dark mode"
Claude will choose a clear aesthetic direction and implement production code with meticulous attention to detail.
Learn More
See the Frontend Aesthetics Cookbook for detailed guidance on prompting for high-quality frontend design.
Authors
Prithvi Rajasekaran (prithvi@anthropic.com) Alexander Bricken (alexander@anthropic.com)