anthropic-ui-skills

What problem does it solve?

This Skill provides opinionated constraints and guidelines for building user interfaces that are visually consistent with Anthropic's design aesthetic, ensuring a familiar and high-quality user experience.

Core Features & Use Cases

• Consistent Design Language: Enforces Anthropic's specific use of light mode, Inter font, and a 4px grid system.
• Color Palette Adherence: Ensures semantic color tokens are used correctly for accessibility and brand consistency.
• Typography Guidelines: Mandates the use of the Inter font family with specific weights and sizes for headings and body text.
• Spacing and Layout: Enforces a 4px grid for spacing and defines layout constraints for consistent element positioning.
• Component Styling: Provides specific rules for components like buttons and inputs, including focus and hover states.
• Use Case: An AI agent needs to design a new feature for a platform that should feel like it belongs within the Anthropic ecosystem. This Skill provides all the necessary rules for colors, fonts, spacing, and component styling to achieve that.

Quick Start

Apply Anthropic's UI design system to a new interface, ensuring light mode, Inter font, and a 4px grid are used.