What do I need to use Frontend Design (pointer)?

What is being designed; Where the skill should be installed.

Is Frontend Design (pointer) free to use?

Yes — run it free in the browser playground (no API key needed for the sponsored trial, or bring any provider key), or install it into Claude Code, Cursor, ChatGPT and more via npx pm-claude-skills. MIT-licensed and open source.

Frontend Design (pointer)

Q: How do I know the Frontend Design (pointer) output is good?

The skill verifies itself against its own quality checks: The install command was given exactly as written above; The author was credited with a link; No upstream SKILL.md text was reproduced; The name clash with this library's own skill was mentioned when relevant.

🔵 Stable🕐 updated 2026-09-28 ✅ 2.8/5 🔷 SkillSpec L3 pm-design-taste

Point to Anthropic's frontend-design skill and explain when to use it. Use when asked how to install frontend-design, which skill sets aesthetic direction for a UI, or what handles the direction stage of the design pipeline. Produces the install command, a check that the install worked, guidance on when it fits and when it does not, and credit to the author with a link. Contains no upstream skill content.

▶ Run it free — no key needed 📝 Grade your existing draft ⬇ Add to Claude (works in Duet) 📱 Use as an app View SKILL.md ↗ What changed

🗣 Say this to your agent

“How do I install Anthropic's frontend-design skill?”“Which skill should set the visual direction for this page?”“What handles the direction stage of the design pipeline?”“Is frontend-design the right skill for a new landing page?”“--”

What to give it

▸What is being designed — and whether a visual direction already exists

▸Where the skill should be installed — this project only, or for every project

✅ The bar it holds itself to

Every skill in this library self-verifies — these are this skill's own quality checks, straight from its definition.

✓The install command was given exactly as written above

✓The author was credited with a link

✓No upstream SKILL.md text was reproduced

✓The name clash with this library's own skill was mentioned when relevant

✓Only this one design skill was recommended for the Direction stage

⚠️ What it refuses to do

**Copying the upstream skill into this library.** Point to it, so users get the author's updates.

**Installing it alongside every other design skill and loading them together.** Use one per stage.

**Using it to override an existing brand.** A direction skill is for when no direction exists.

Install

npx pm-claude-skills add --agent claude   # or codex · cursor · gemini · hermes
# or one-line MCP (every skill, any client):
claude mcp add pm-skills -- npx -y -p pm-claude-skills pm-claude-skills-mcp

Related skills

🔌 Embed this skill

Drop this on your blog, docs, or site — it renders a "Run this skill" card:

<div data-pm-skill="frontend-design-pointer"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>

💬 Discussion

Frontend Design (pointer) is one of 1326 open-source professional AI agent skills — all SkillSpec L3. Try them all in the browser · ⭐ Star on GitHub · Browse the full catalog