Frontend Design
Use this skill when the agent should design a page from a brief.
- Open source
- skills.sh
Free and open source. The skill file stays on skills.sh. Uwarp does not host it.
Frontend Design tells an agent to pick a visual direction before it writes a page, then build working HTML, React, or Vue around that palette, type, and motion. Use it when you want a new page from a brief. A Skillry web skill is the better pick when you want a finished template to rebrand.
Reviewed Oct 29, 2026
Runs in
- Claude Code
- Cursor
- Codex
Generates with
- Host agent LLM
What you get
- A page whose palette, type, and layout are chosen for the subject.
- Working front-end code rather than a mood board.
- Guidance that rejects a generic centered-hero layout when it does not fit.
Good fit
- A marketing page or product screen that should not look like a default agent layout.
- A designer who will still review type, contrast, and spacing.
- A brief with a real subject, audience, and job.
Not for
- Filling a finished Skillry landing template such as Beacon SaaS Landing.
- A guaranteed brand system with locked components.
- Copying another site’s identity.
- Web
- Landing page
- Open source
About this Skill
Listed on skills.sh as anthropics/skills/frontend-design. You say Design a marketing page for a field-recording studio. Pick a distinct type and palette before you write the layout.
How it works
1. Open the listing
Install from the skills.sh page for anthropics/skills/frontend-design. Uwarp does not host the file.
2. Name the subject
Say what the page is for, who it is for, and what the first screen must show.
3. Compare with a template
If you wanted a fixed SaaS or portfolio look, switch to a Skillry web skill and rebrand that instead.
When a Skillry template fits better
Beacon SaaS Landing, Basalt Dev Portfolio, and Cadence Marketing Landing already have a finished layout. Use those when the look is chosen and you only need to swap content.
What you need before you start
Summarized from the skills.sh listing for Frontend Design. The skill file stays there.
- You bring
- A subject, an audience, and the content the page must show.
- Dependencies
- An agent that can load skills from skills.sh, such as Claude Code, Cursor, or Codex.
- Outside costs
- The skill is free. Model calls are billed by the agent host, not by Uwarp.
- Last tested
- Listed on skills.sh as of Oct 29, 2026. Agents named there include Claude Code, Cursor, and Codex.