anthropics-skills

어떤 스킬인가요?

Official Anthropic skills for frontend design, artifact creation, and presentation. Covers UI/UX development tools, complex HTML artifacts, visual art in PNG/PDF, professional theme application, Anthropic brand guidelines, and PowerPoint creation.

설치 방법

프로젝트 폴더에서 아래 명령어를 실행하고, 설치할 에이전트를 선택하세요.

설치 명령을 직접 실행해야 적용됩니다. 지원 에이전트와 필요한 권한·라이선스는 제작자의 안내를 확인하세요.

스킬 원문 파일

---
name: anthropics-skills
description: |
  Official Anthropic skills for frontend design, artifact creation, and presentation.
  Covers UI/UX development tools, complex HTML artifacts, visual art in PNG/PDF,
  professional theme application, Anthropic brand guidelines, and PowerPoint creation.
triggers:
  - "Anthropic skill"
  - "Anthropic frontend design"
  - "web artifacts"
  - "canvas design"
  - "theme factory"
  - "brand guidelines"
  - "pptx Anthropic"
das:
  type: package
  category: official-suites
  upstream: "https://github.com/anthropics/skills"
  version: latest
  install: false
---

# anthropics-skills

> Catalogue stub — full package: [anthropics/skills](https://github.com/anthropics/skills)

<!-- das:install:start — generated from stub.yaml by `npm run generate`; edit stub.yaml, not this block -->
## Decision tree

1. **Is the full skill already installed?**
   This package installs 6 skills (`frontend-design`, `web-artifacts-builder`, `canvas-design`, `theme-factory`, `brand-guidelines`, `pptx`); checking the first.
   - Global: `f=~/.agents/skills/frontend-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"`
   - Project: `f=.agents/skills/frontend-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"`
   - `installed` → the skill is installed as `frontend-design`, invoke it and proceed
   - `pointer` → go to step 2

2. **Detect scope, then install:**

   ```bash
   [ -e ~/.agents/skills/anthropics-skills ] && echo "global" || echo "project"
   ```

   **Global:**
   ```bash
   npx skills add anthropics/skills --skill frontend-design web-artifacts-builder canvas-design theme-factory brand-guidelines pptx -g -y
   ```

   **Project:**
   ```bash
   npx skills add anthropics/skills --skill frontend-design web-artifacts-builder canvas-design theme-factory brand-guidelines pptx -y
   ```
   > **Claude Code:** send a command as a chat message starting with `!` to run it without leaving the conversation.

**Claude Code plugin route:**

```
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills
/plugin install document-skills@anthropic-agent-skills
```

**Heads-up**

- **License:** Apache-2.0 for frontend-design, web-artifacts-builder, canvas-design, theme-factory and brand-guidelines; pptx is proprietary (Anthropic, all rights reserved, per its LICENSE.txt); the repo has no root LICENSE
- **Name collision:** `frontend-design` is also written by `frontend-design` (its install or its catalogue pointer); installing both overwrites the earlier one.
<!-- das:install:end -->

## Invoke after install

- `frontend-design` — "frontend design", "UI/UX development"
- `web-artifacts-builder` — "web artifact", "React artifact", "build HTML artifact"
- `canvas-design` — "canvas design", "PNG art", "visual art"
- `theme-factory` — "theme artifact", "professional theme", "style artifact"
- `brand-guidelines` — "brand colors", "brand typography", "apply brand"
- `pptx` — "PowerPoint", "create PPTX", "presentation"

## What it does

Anthropic's official skill suite covering design-adjacent workflows: production-quality frontend design guidance, complex multi-component HTML artifact construction with React/Tailwind/shadcn, visual art creation, theme systems, Anthropic's own brand colors and typography, and PowerPoint generation. The `pptx` skill is proprietary (Anthropic, all rights reserved); the other five are Apache-2.0.

## When NOT to use

- Applying a different company's brand — `brand-guidelines` applies Anthropic's brand; use `brand-design-md` for well-known brands
- A different take on the same job as `frontend-design` — the catalogue also has a `frontend-design` stub from another author that writes to the same install directory; pick one
- Every other skill in the repo (docx, xlsx, pdf, claude-api, mcp-builder, ...) — this pointer installs only the six listed; add more by passing their names to `--skill`

type: package
tier: official
category: official-suites
rank: 1
upstream: https://github.com/anthropics/skills
version: latest
install_default: npx skills add anthropics/skills --skill frontend-design web-artifacts-builder canvas-design theme-factory brand-guidelines pptx
installed_as:
  - frontend-design
  - web-artifacts-builder
  - canvas-design
  - theme-factory
  - brand-guidelines
  - pptx
install_claude:
  - /plugin marketplace add anthropics/skills
  - /plugin install example-skills@anthropic-agent-skills
  - /plugin install document-skills@anthropic-agent-skills
license: Apache-2.0 for frontend-design, web-artifacts-builder, canvas-design, theme-factory and brand-guidelines; pptx is proprietary (Anthropic, all rights reserved, per its LICENSE.txt); the repo has no root LICENSE
note: "verified 2026-10-21; the repo holds more skills than the design-relevant six listed here, pick others by naming them after --skill (npx skills add anthropics/skills with no --skill installs 20); the plugin route was checked against .claude-plugin/marketplace.json only (marketplace anthropic-agent-skills): example-skills carries the five design skills plus seven others, document-skills carries pptx plus xlsx, docx and pdf, so the plugin route installs more than the six; frontend-design is also installed by the frontend-design stub (Ilm-Alan, different upstream)"
conflicts_with:
  - frontend-design