# AI use cases for Anthropic Skills (anthropics/skills)

Repo: [anthropics/skills](https://github.com/anthropics/skills) | Use cases: 3 | Page: https://dedupedai.com/use-cases/anthropics-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.

This file holds every use case of this repo. Each one starts with a "## " heading and ends with its URL.

- Build frontends without the generic AI look in Claude Code: https://dedupedai.com/use-cases/anthropics-skills/build-distinctive-frontends-with-the-frontend-design-skill/
- Extract PDF form fields in Claude Code: https://dedupedai.com/use-cases/anthropics-skills/extract-pdf-form-fields-with-the-document-skills/
- Write your own Claude skill from the template: https://dedupedai.com/use-cases/anthropics-skills/write-your-own-claude-skill-from-the-template/

## How to build frontends without the generic AI look in Claude Code with Anthropic Skills

Repo: [anthropics/skills](https://github.com/anthropics/skills) | Difficulty: Beginner | Time: 20 minutes | Basis: From the README

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.

**Who it is for:** A developer or founder who asks Claude for a landing page or app UI and keeps getting the same templated look.

**The problem:** Generated pages cluster around the same defaults the skill itself lists: a warm cream background with a terracotta accent, identical rounded SaaS cards with soft grey shadows, and an all-caps eyebrow label above every heading.

**The outcome:** A UI built from a design plan specific to your subject (named palette, deliberate typefaces, a layout concept), with one memorable element and a quality floor of mobile responsiveness, visible keyboard focus and reduced motion.

### Steps

1. Run `/plugin marketplace add anthropics/skills` in Claude Code to register the repo as a plugin marketplace
2. Run `/plugin install example-skills@anthropic-agent-skills` to install the example Anthropic Skills, which include frontend-design
3. 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
4. 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
5. Have Claude review the plan against the brief and revise any part that reads like a generic default, saying what changed and why, before it writes code
6. Check the build against the quality floor: responsive down to mobile, visible keyboard focus, reduced motion respected

### Prompt to paste into your agent

```text
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.
```

### Caveat

The README says these Anthropic Skills are for demonstration and educational purposes and that what Claude does may differ from what is shown, so test the skill in your own environment first. On Claude.ai paid plans the example Anthropic Skills are already available without the plugin.

Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/

URL: https://dedupedai.com/use-cases/anthropics-skills/build-distinctive-frontends-with-the-frontend-design-skill/

## How to extract PDF form fields in Claude Code with Anthropic Skills

Repo: [anthropics/skills](https://github.com/anthropics/skills) | Difficulty: Beginner | Time: 10 minutes | Basis: From the README

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.

**Who it is for:** Someone in operations or finance who needs Claude to read and process PDFs, Word, PowerPoint or Excel files from the terminal.

**The problem:** Getting reliable, repeatable document handling out of a general coding agent takes a lot of prompting each time.

**The outcome:** Claude Code with Anthropic's production document Anthropic Skills installed, so a plain request like using the PDF skill on a file works the same way every time.

### Steps

1. Run `/plugin marketplace add anthropics/skills` in Claude Code to register the repo as a plugin marketplace
2. Run `/plugin install document-skills@anthropic-agent-skills` to install the xlsx, docx, pptx and pdf Anthropic Skills
3. Mention the skill in your request, for example: Use the PDF skill to extract the form fields from `path/to/some-file.pdf` (use your own file path)
4. Name the docx, pptx or xlsx skill the same way for Word, PowerPoint and Excel files

### Prompt to paste into your agent

```text
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.
```

### Caveat

The README says the docx, pdf, pptx and xlsx Anthropic Skills are source-available, not open source, so read each skill's LICENSE.txt before reusing the code. It also says these are demonstration Anthropic Skills and behavior may differ from Claude's built-in document features.

Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/

URL: https://dedupedai.com/use-cases/anthropics-skills/extract-pdf-form-fields-with-the-document-skills/

## How to write your own Claude skill from the template with Anthropic Skills

Repo: [anthropics/skills](https://github.com/anthropics/skills) | Difficulty: Beginner | Time: 15 minutes | Basis: From the README

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.

**Who it is for:** A team lead who wants Claude to follow the company's brand guidelines or a fixed workflow without re-explaining it.

**The problem:** Instructions pasted into every chat drift and get forgotten between sessions.

**The outcome:** A self-contained skill folder with a SKILL.md that Claude loads when the task comes up.

### Steps

1. Copy the template-skill from the repo's ./template folder as your starting point
2. Create a folder for your skill with a `SKILL.md` file
3. Add YAML frontmatter with the two required fields: name (a unique identifier, lowercase, hyphens for spaces) and description (what the skill does and when to use it)
4. Below the frontmatter, write the instructions, examples and guidelines Claude should follow
5. Upload it to Claude.ai following Using Anthropic Skills in Claude, or through the Claude API with the Skills API Quickstart

### Prompt to paste into your agent

```text
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.
```

### Caveat

The README points to How to create custom Anthropic Skills for full details; the README asks for a complete description of what the skill does and when to use it.

Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/

URL: https://dedupedai.com/use-cases/anthropics-skills/write-your-own-claude-skill-from-the-template/
