Frontend Slides
Description
[](https://awesome.re) []() [](CONTRIBUTING.md)
Installation
claude install-skill https://github.com/zarazhangrui/frontend-slides README
Awesome Claude Skills
[](https://awesome.re) []() [](CONTRIBUTING.md)
A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows
**Claude Skills** teach Claude how to **perform tasks in a repeatable way**
They are specialized folders containing instructions, scripts, and resources that Claude dynamically discovers and loads when relevant to tasks.
How Skills Work
Skills employ a **progressive disclosure architecture** for efficiency:
- undefined
This design allows multiple Skills to remain available without overwhelming Claude's context window.
🚀 Getting Started
Claude.ai Web Interface
- undefined
Claude Code CLI
# Install skills from marketplace
/plugin marketplace add anthropics/skills
# Or install from local directory
/plugin add /path/to/skill-directory
Claude API
Skills are accessible via the `/v1/skills` API endpoint. See the [Skills API documentation](https://platform.claude.com/docs/en/api/beta/skills) for detailed integration examples.
import anthropic
client = anthropic.Client(api_key="your-api-key")
# See API docs for full implementation details
🎯 Official Skills
Document Skills
Skills for working with complex file formats:
- undefined
...
Related Skills
Algorithmic Art
When users request creating art using code, generative art, algorithmic art, flow fields, or particle systemsCreate generative art using p5.js with seeded randomness, flow fields, and particle systems
Design official Brand Guidelines
When brand colors, style guidelines, visual formatting, or company design standards applyApply Anthropic's official brand colors and typography to artifacts
Design official Canvas Design
When user asks to create a poster, piece of art, design, or other static pieceCreate beautiful visual art in PNG and PDF documents using design philosophy
Design official Frontend Design
When user asks to build web components, pages, applications, dashboards, or style/beautify web UICreate distinctive, production-grade frontend interfaces with high design quality
Design official Slack Gif Creator
When users request animated GIFs for SlackCreate animated GIFs optimized for Slack's size constraints
Design official Theme Factory
When user wants to apply a theme or styling to an artifactStyle artifacts with professional themes including 10 pre-set color/font combinations
Design official Related Agents
Html Css
| Web standards for semantic markup, maintainable styling, and accessibility. | - | [wshobson/agents](https://github.com/wshobson/agents) |
ui-visual-validator
| You are an experienced UI visual validation expert specializing in comprehensive visual testing and... | sonnet | [wshobson/agents](https://github.com/wshobson/agents) |
Refactor Clean
| You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and... | - | [wshobson/agents](https://github.com/wshobson/agents) |