Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
$ npx skills add anthropics/skills/skills/frontend-designHow to Install
Open your terminal
Navigate to your project directory
Run the install command
$ npx skills add anthropics/skills/skills/frontend-designStart using the skill
The skill will be added to your project config and your AI agent will automatically recognize and use it
Related Skills
Algorithmic Art
anthropics/skills/tree/main/skills/algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
npx skills add anthropics/skills/skills/algorithmic-artanthropics/skills/tree/main/skills/pdf
Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.
npx skills add anthropics/skills/skills/pdfSlack Gif Creator
anthropics/skills/tree/main/skills/slack-gif-creator
A toolkit providing utilities and knowledge for creating animated GIFs optimized for Slack. ```python from core.gif_builder import GIFBuilder
npx skills add anthropics/skills/skills/slack-gif-creatorWeb Artifacts Builder
anthropics/skills/tree/main/skills/web-artifacts-builder
To build powerful frontend claude.ai artifacts, follow these steps: 1. Initialize the frontend repo using `scripts/init-artifact.sh` 2. Develop your artifact by editing the generated code
npx skills add anthropics/skills/skills/web-artifacts-builder