frontend-design-skills plugin for AI coding agents
Design frontends, test interactions, and write clear interface copy.
- Works with
- Includes
- 4 skills
- Version
- 1.2.0
- License
- Apache-2.0
claude plugin install frontend-design-skills@claude-settingsWhat's inside
Each skill ZIP works in ChatGPT and Claude.ai. Read the source before you upload it.
anthropic-frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
frontend-testing-debugging
Use when testing, debugging, or making targeted improvements to rendered frontend apps through the Frontend Design Skills or web dev plugin: local dev servers, UI regressions, interaction bugs, console errors, responsive layout, and visual QA. Check whether the Browser plugin is available and use it first when it is; otherwise use regular Playwright with the recorded reason.
openai-frontend-design
Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesign/restyle/modernization. Builds from clean, airy, high-taste, readable image-generated concept design with section-specific references, faithful implementation, and browser testing.
writing-guidelines
This skill should be used when the user asks to “review writing”, “check documentation style”, “audit interface copy”, or “apply writing guidelines”.