frontend-design
frontend-design is an agent skill published by phuryn, listed under design. It lives in the phuryn/skills repository, which has 3 GitHub stars; we last read it on 2026-09-16.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Install
skills is a generic installer for any repository of Claude agent skills -- it reads phuryn/skills’s own structure rather than assuming one, the same way this page reads the skill’s own SKILL.md rather than assuming a format.
npx skills add phuryn/skills
Maintenance
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
frontend-design compared with similar skills
| Skill | Publisher | What it does | Repo stars | Last update |
|---|---|---|---|---|
| frontend-design (this page) | phuryn | Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the us… | 3 | 2026-04-20 |
| brand-guidelines(same repository) | phuryn | Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having… | 3 | 2026-04-20 |
| setup-matt-pocock-skills | mattpocock | Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain… | 303,549 | 2026-10-22 |
| brand-guidelines | anthropic | Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having… | 183,845 | 2026-10-09 |
| frontend-design | anthropic | Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps… | 183,845 | 2026-10-09 |
| apple-design | emilkowalski | Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or… | 49,715 | 2026-10-11 |
| mobile-native | emilkowalski | Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browse… | 49,715 | 2026-10-11 |
Skills from the same repository first, then others for this job by repository stars. Figures are from each repository when we last read it.
Common questions about frontend-design
- What does frontend-design do?
- Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
- How do I install frontend-design?
- Run npx skills add phuryn/skills. The skills installer reads the repository’s own structure, so it works for any repository of agent skills.
- Who publishes frontend-design?
- phuryn.
- Is frontend-design maintained, and what licence does it use?
- Its repository has 3 GitHub stars and its state in our directory is listed. Its last commit we recorded was on 2026-04-20. We did not find a declared licence, so check the repository before you rely on it.
More agent skills for design
- ai-product-photographyby 101-skills
- app-store-screenshotsby 101-skills
- email-designby 101-skills
- landing-page-designby 101-skills
- product-photographyby 101-skills
- social-media-carouselby 101-skills