Cyrus logo
Cyrus
PricingSkillsStoriesChangelogFAQ
GitHub Discord
Login
Start free trial
Skills/Development/frontend-design

frontend-design

💻DevelopmentFeatured

A skill that guides Claude to create distinctive, non-generic frontend designs. Particularly effective for React and Tailwind CSS projects, helping avoid 'AI slop' and encouraging bold, intentional design choices.

Tags

developmentdesignreacttailwindofficial
$ install --global
npx skills add anthropics/skills/frontend-design
$ download --local
wget https://github.com/anthropics/skills/archive/refs/heads/main.zip -O frontend-design.zip
Download skill.zip

SKILL.md

Loading skill documentation...
Anthropic
Anthropic@anthropics

Repository

anthropics/skills
...stars
...forks
Updated ...

Related Development

View all Development skills →
shadcn-uishadcn-ui/ui
107.8k

shadcn/ui

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.

developmentuicomponents
Featured
Vercelvercel/components.build
705

building-components

Comprehensive guide for building modern, accessible, and composable UI components with design tokens, theming, and npm publishing.

developmentcomponentsdesign-systems
Featured
Vercelvercel/ai-elements
1.5k

ai-elements

Component library built on shadcn/ui to create AI-native applications with pre-built components like conversations, messages, and more.

developmentreactshadcn
Featured
Supabasesupabase/agent-skills
736

supabase-postgres-best-practices

Comprehensive performance optimization guide for Postgres covering query optimization, schema design, connection pooling, and RLS.

developmentpostgresdatabase
Featured
Cyrus logo
Cyrus
AICPA SOC 2 Type I Certification Badge
Product
Pricing
FAQ
Changelog
Documentation
Linear Marketplace
Versus
Resources
Stories
Skills Marketplace
Trust Center
Status
Terms
Privacy
Social
GitHub
Discord
X
LinkedIn
© 2026 Ceedar AI Inc. All rights reserved.