What do you want to do?
3 use cases
-
Build frontends without the generic AI look in Claude Code
Install Anthropic's example Anthropic Skills in Claude Code and use the frontend-design skill to commit to a bold aesthetic direction, with a reviewed design plan, before Claude writes any UI code.
View prompt
Use the frontend-design skill from anthropics/skills to design a landing page for my product. Before writing any code, give me a design plan: 4 to 6 named hex colors, the typefaces and their roles, a layout concept with an ASCII wireframe, and the principles. Review the plan against my brief, revise anything that reads like a generic default and tell me what you changed. Spend the boldness in one place, and keep it responsive down to mobile with visible keyboard focus and reduced motion respected.
-
Extract PDF form fields in Claude Code
Install the document-skills plugin, the same docx, pdf, pptx and xlsx Anthropic Skills behind Claude's document features, and ask Claude Code to work on your files by naming the skill.
View prompt
I installed the document-skills plugin from anthropics/skills. Use the PDF skill to extract the form fields from my PDF and list each field name with its current value. Do not modify the original file; write any output to a new file.
-
Write your own Claude skill from the template
Start from the repo's template-skill, write a SKILL.md with the two required frontmatter fields and your instructions, and use it to teach Claude a task the same way every time.
View prompt
Help me write a Claude skill using the template-skill from anthropics/skills. Create a folder with a SKILL.md whose YAML frontmatter has only name (lowercase, hyphens) and description (what it does and when to use it), then write clear instructions, examples and guidelines for this task: <describe the task>. Show me the file before saving it.
What people are building with Anthropic Skills
-
Built withHacker News
Built the instagit.com landing page by prompting Claude Code with the frontend-design skill
Asked on Hacker News how the instagit.com landing page was made, its builder said there was no special tooling: just Claude Code prompted with Anthropic's frontend-design skill from anthropics/skills.
Anthropic Skills on GitHubTry it: Build frontends without the generic AI look in Claude Code
By instalabsai on Hacker News
-
Built withHacker News
Rebuilt the Typod static podcast player with Claude Opus 4.6 and the frontend-design skill
He rebuilt his side project Typod, a static site podcast player that runs on GitHub Pages, with Claude Opus 4.6 and the frontend-design skill. It converts images to WebP and loads the feed list from a Gist, and going from brief to ready to use took about a couple of hours.
By pglevy on Hacker News
-
TutorialDEV
Redesigned a developer portfolio with Claude Code and the frontend-design skill
He installed Anthropic's official frontend-design skill with the skills CLI and prompted Claude Code to redesign his portfolio hero for spacing, typography and CTA clarity. He then reviewed and refined the changes, committed them and put the redesigned portfolio live.
Anthropic Skills on GitHubTry it: Build frontends without the generic AI look in Claude Code
By Said MOUNAIM (@saidmounaim) on DEV
-
Hands-onthe web
Designed the GAIA landing page with the frontend-design skill in Claude Code, then compared tools
On Opus 4.7, the frontend-design skill proposed three palettes rendered live with the Playwright CLI, recolored his GAIA wordmark and built the page around a sample design system. He called it a competent first draft with a few AI tells, then improved it with Claude Design and impeccable.
By Steven Sacks (react-japan.dev) on the web
Real builds shared on X, Hacker News, Reddit, DEV and GitHub, summed up by Deduped from each post and its links; each card links to the original post. See what people are building with other repos
Quick start with Anthropic Skills
- Check you have what it needs: Claude Code to install the plugins (Claude.ai paid plans already include the example skills); The Claude API only if you use pre-built or custom skills through the API; Many skills are Apache 2.0; the docx, pdf, pptx and xlsx skills are source-available, not open source.
- Open anthropics/skills on GitHub and read the README and license.
- Run
/plugin marketplace add anthropics/skillsin Claude Code to register the repo as a plugin marketplace - Run
/plugin install example-skills@anthropic-agent-skillsto install the example Anthropic Skills, which include frontend-design - Give Claude a brief with the real subject, audience and primary job of the page; if the brief leaves the subject out, the skill has Claude propose one and confirm it with you
- Ask for the design plan first: 4 to 6 named hex colors, the typefaces and their roles, a layout concept with ASCII wireframes, and the principles that make this page unique
These steps come from our top use case, Build frontends without the generic AI look in Claude Code, which also has a copy-paste agent prompt.
Use this in your AI agent
Ask your agent
Using the Deduped MCP, get the setup steps for anthropics/skills
Add Deduped to Claude Code once
claude mcp add --transport http deduped https://dedupedai.com/mcp
Every Monday: the 5 hottest repos and exactly how to use them. Free, one email a week, unsubscribe anytime.
Get them freeAbout this repo
- Who it is forClaude Code and Claude.ai users who want repeatable, specialized behavior from Claude, such as distinctive frontend design or document work, and developers who want to write their own skills.
- Why it is hot+1,888 stars this week, 186k total, talked about in 2 AI sources we track
- LanguagePython
- Sourcegithub.com/anthropics/skills ยท Back to Hot repos
Requirements
- Claude Code to install the plugins (Claude.ai paid plans already include the example skills)
- The Claude API only if you use pre-built or custom skills through the API
- Many skills are Apache 2.0; the docx, pdf, pptx and xlsx skills are source-available, not open source
Add this badge to your README
Maintain Anthropic Skills? Show readers where to find these use cases.
Markdown
[](https://dedupedai.com/use-cases/anthropics-skills/?utm_source=github&utm_medium=badge&utm_campaign=anthropics-skills)
HTML
<a href="https://dedupedai.com/use-cases/anthropics-skills/?utm_source=github&utm_medium=badge&utm_campaign=anthropics-skills"><img src="https://dedupedai.com/badge/anthropics/skills.svg" alt="Use cases on Deduped" height="20"></a>
A static image, no tracking script. About the badge
Questions about Anthropic Skills
What is Anthropic Skills?
anthropics/skills is Anthropic's public repository of Agent Skills for Claude. A skill is a self-contained folder with a SKILL.md file of instructions and metadata that Claude loads dynamically for specialized tasks. The repo covers creative and design skills such as frontend-design, technical skills such as web app testing and MCP server generation, enterprise communication skills, and the document skills (docx, pdf, pptx, xlsx) behind Claude's document features. You can register it as a Claude Code plugin marketplace, and it includes the Agent Skills spec and a skill template. It is an open-source project on GitHub: https://github.com/anthropics/skills.
How do I use Anthropic Skills?
Run /plugin marketplace add anthropics/skills in Claude Code to register the repo as a plugin marketplace; then run /plugin install example-skills@anthropic-agent-skills to install the example Anthropic Skills, which include frontend-design; give Claude a brief with the real subject, audience and primary job of the page; if the brief leaves the subject out, the skill has Claude propose one and confirm it with you. The use cases on this page give the full steps and a copy-paste agent prompt for each job.
Who is Anthropic Skills for?
Claude Code and Claude.ai users who want repeatable, specialized behavior from Claude, such as distinctive frontend design or document work, and developers who want to write their own skills.
What can I do with Anthropic Skills?
3 use cases so far, for example: Build frontends without the generic AI look in Claude Code; Extract PDF form fields in Claude Code; Write your own Claude skill from the template. Each has steps and a copy-paste agent prompt.
What do I need to run Anthropic Skills?
Claude Code to install the plugins (Claude.ai paid plans already include the example skills); The Claude API only if you use pre-built or custom skills through the API; Many skills are Apache 2.0; the docx, pdf, pptx and xlsx skills are source-available, not open source.
What are alternatives to Anthropic Skills?
Other hot AI repos in Software and DevOps: Deep Infer, Thinkrail, ECC, Instructor, Aider.
Is Anthropic Skills safe to run?
Deduped does not own, audit or vouch for it. Read the README and license, run it on your own systems first and review every command before you run it.