Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).
frontend-design
frontend-design is an open-source frontend skill for Claude Code and compatible agents, published by anthropics. Its author describes it as: “Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.”. The project has 167k stars on GitHub and does not declare a license, so check with the author before reuse. Add it to your setup with `/plugin marketplace add anthropics/skills`.
Installation
Add frontend-design to your agent with:
/plugin marketplace add anthropics/skills Always review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
When to use it
Reach for frontend-design when you want frontend help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Ships in anthropics/skills, an established project with 166,577 GitHub stars
- Actively maintained (recent commits)
Things to check
- No license declared — confirm terms with the author before reuse
Topics
Frequently asked questions
- What does frontend-design do?
- Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
- How do I install frontend-design?
- Run /plugin marketplace add anthropics/skills in your agent, then reload your skills. Review the source at https://github.com/anthropics/skills before installing.
- Is frontend-design free to use?
- frontend-design is publicly available on GitHub, but anthropics has not declared a standard open-source license (No license). Confirm the terms with the author before reusing it.
- Where does frontend-design come from?
- frontend-design ships inside anthropics/skills, a repository that contains 19 catalogued skills in total. The repository's 166,577 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Frontend →Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Phase 1 sample plugin synthesizing a SKILL.md frontmatter for backwards-compat tests.
Audio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS / FishAudio / ElevenLabs V3, and SFX to ElevenLabs SFX or AudioCraft. Output is one MP3/WAV file saved to the project folder.
Self-contained floating chat widget with welcome screen, social links, meeting button, and message input. Single HTML file, zero dependencies.