frontend-design-skills plugin for AI coding agents
Design distinctive frontends and write clear interface copy.
Install the plugin in your coding agent
Add the marketplace once, then run the command for your tool.
claude plugin install frontend-design-skills@claude-settingsSee what the plugin includes
These components come from the current plugin directory, not a hand-written feature list.
- Supported tools
- Claude Code, Codex, Cursor, Gemini
- Skills
- anthropic-frontend-design, openai-frontend-design, writing-guidelines
- Agents
- None
- Commands
- None
- Hooks
- None
Download this plugin’s skills
Each release ZIP works in ChatGPT and Claude.ai. Review the source before uploading 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.
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”.
Verify the source
Version 1.1.0. License: Apache-2.0.
Open the plugin files on GitHub