Boltz
Predict structures, screen molecules and proteins, and design binders with Boltz from Claude Code.
CCCXGBCUPi
SkillMaxx / Development / Frontend Design
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
- Last updated
- Hands-on tests
- Tested ✓ in 2 of 5
Install
Tested ✓✓ Verified from docsOfficial docs ↗
/plugin install frontend-design@claude-plugins-officialTested ✓ on 2026-10-16: installed and loaded in a throwaway sandbox with no credentials.
Log excerpt
Installing plugin "frontend-design@claude-plugins-official"...✔ Successfully installed plugin: frontend-design@claude-plugins-official (scope: user)
$ verify:
❯ frontend-design@claude-plugins-official
Status: ✔ enabled1 run, latest 2026-10-16
Not yet tested
No official Codex instructions yet. We haven't found docs saying this works in Codex.
Know it works? Tell us →Tested ✓✓ Verified from docsOfficial docs ↗
Auto-loaded from your Claude Code plugins (no extra setup per xAI docs)Tested ✓ on 2026-10-16: installed and loaded in a throwaway sandbox with no credentials.
Log excerpt
Installed 1 plugin(s) from claude-plugins-official: frontend-design $ verify: frontend-design-f8f8a646: frontend-design [local: /home/sbx/.grok/marketplace-cache/783232b622f8182e/plugins/frontend-design] (claude-plugins-official)
1 run, latest 2026-10-16
Not yet tested
No official Cursor instructions yet. We haven't found docs saying this works in Cursor.
Know it works? Tell us →Not yet tested
No official Pi instructions yet. We haven't found docs saying this works in Pi.
Know it works? Tell us →README
View on GitHub ↗Frontend Design Plugin
Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.
What It Does
Claude automatically uses this skill for frontend work. Creates production-ready code with:
- Bold aesthetic choices
- Distinctive typography and color palettes
- High-impact animations and visual details
- Context-aware implementation
Usage
"Create a dashboard for a music streaming app"
"Build a landing page for an AI security startup"
"Design a settings panel with dark mode"
Claude will choose a clear aesthetic direction and implement production code with meticulous attention to detail.
Learn More
See the Frontend Aesthetics Cookbook for detailed guidance on prompting for high-quality frontend design.
Authors
Prithvi Rajasekaran (prithvi@anthropic.com) Alexander Bricken (alexander@anthropic.com)
Preview from the source repo. Images are removed.
Similar alternatives
Feature Dev
Comprehensive feature development workflow with specialized agents for codebase exploration, architecture...
CCCXGBCUPi
Superpowers
Superpowers teaches Claude brainstorming, subagent driven development with built in code review, systematic...
CCCXGBCUPi
Build Web Apps
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
CCCXGBCUPi