Volver a Agent Skills
Frontend y Diseño Destacado
Frontend Design
por Anthropic 161k Estrellas en GitHub
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics — pages, components, artifacts, and posters.
#design#frontend#official#ui
Claude Code Codex
Descripción General
Anthropic's Frontend Design skill generates creative, polished frontend code with high design quality, explicitly steering away from bland, generic AI-generated looks. It applies to websites, landing pages, dashboards, React components, and HTML/CSS layouts. One of the most widely used official skills for building good-looking UI.
Para qué sirve
- Building a distinctive landing page
- Designing a polished dashboard
- Styling a React component set
- Beautifying an existing web UI
Instalar
Instalar en Claude Code
# Add the marketplace, then install the skill in Claude Code:
/plugin marketplace add anthropics/skills
/plugin install frontend-design
# Or install manually into ~/.claude/skills:
git clone https://github.com/anthropics/skills.git
cp -r skills/frontend-design ~/.claude/skills/frontend-designExplora herramientas de IA
Las mejores herramientas de IA que complementan tus habilidades
Lee artículos sobre IA y diseño
Consejos y tendencias en el mundo del diseño y la IA
Skills Relacionados
Frontend y Diseño
Web Artifacts Builder
Construct complex, multi-component HTML artifacts for Claude.ai using React and Tailwind.
Claude Code Codex
Frontend y Diseño Animation Systems
Product-grade web motion like Stripe, Linear, Apple, and Vercel — easing/duration defaults, choreography, performance, and reduced-motion.
Claude Code Codex
Frontend y Diseño Apple Design
Apple's approach to fluid, physical UI motion translated for the web — springs, gestures, drag/swipe/sheets, and translucent materials.
Claude Code Codex