What it does
Develop a distinctive visual direction and turn a concrete brief into a usable interface. The complete upstream skill folder is included with its license and supporting files. A browser and a local web development environment. Outputs depend on the supplied brief and the tools available in your agent; review them before publishing or executing commands.
Best for
- Create a homepage for a neighborhood ceramics studio, with workshop booking as the main action.
Output examples
Example input
Fixture task: Build a homepage for Clay Room, a fictional neighborhood ceramics studio. Make workshop discovery the primary action; use original CSS artwork and no invented social proof.Output notes
First-party demonstration: an original responsive ceramics homepage, following a subject-specific design plan and brief review. Full output: /demos/frontend-design-output.html. Fictional studio; no live booking.Requirements & permissions
- A browser and a local web development environment.
What it may access
- Read task-relevant local files
- Write requested output files
The package is free. Your agent, model subscription, external API usage and local software may have separate costs. Review scripts before running them, and use copies of important files.
How to install
Download the ZIP, extract the skill folder, and follow the instructions for your agent. Keep the complete folder together.
Codex
Not verified in this agent. Treat these as the agent’s standard manual installation steps, not a compatibility guarantee. Uses the skill folder format; this agent was not exercised. No installation or end-to-end compatibility test was performed for this entry. Tool names and companion workflows may need adaptation.
- Download frontend-design-1.0.0.zip and verify its SHA-256 against this page.
- Extract the included frontend-design folder to .agents/skills/frontend-design/ in your project. Keep all supporting files and the license.
- Confirm .agents/skills/frontend-design/SKILL.md exists; avoid a duplicated nested folder.
- Open the project in your agent, reload its skill list if needed, and ask it to use frontend-design. Read the requirements before running commands.
Claude Code
Supported by upstream documentation; not independently tested in this agent. Upstream README describes this agent family. No installation or end-to-end compatibility test was performed for this entry. Tool names and companion workflows may need adaptation.
- Download frontend-design-1.0.0.zip and verify its SHA-256 against this page.
- Extract the included frontend-design folder to .claude/skills/frontend-design/ in your project. Keep all supporting files and the license.
- Confirm .claude/skills/frontend-design/SKILL.md exists; avoid a duplicated nested folder.
- Open the project in your agent, reload its skill list if needed, and ask it to use frontend-design. Read the requirements before running commands.
Cursor
Not verified in this agent. Treat these as the agent’s standard manual installation steps, not a compatibility guarantee. Uses the skill folder format; this agent was not exercised. No installation or end-to-end compatibility test was performed for this entry. Tool names and companion workflows may need adaptation.
- Download frontend-design-1.0.0.zip and verify its SHA-256 against this page.
- Extract the included frontend-design folder to .cursor/skills/frontend-design/ in your project. Keep all supporting files and the license.
- Confirm .cursor/skills/frontend-design/SKILL.md exists; avoid a duplicated nested folder.
- Open the project in your agent, reload its skill list if needed, and ask it to use frontend-design. Read the requirements before running commands.
Source & license
Created by Anthropic. This third-party package is curated and redistributed under Apache-2.0. SkillPick is an independent distributor and is not endorsed by the original author.
Keep the package’s license and required notices with any copies. Read the bundled license and notices.
Review & limitations
Source and redistribution review only, not a security certification. Instructions can cause the agent to read and write project files. Review proposed commands before execution. Package source files are unchanged; repository-level MIT license added where needed. Script files were inspected statically; no general execution or all-agent compatibility claim is made.
Last source review: . Package release: 1.0.0.