Webdesign
Installation
SKILL.md
Voice Notification (REQUIRED FIRST ACTION)
curl -s -X POST http://localhost:31337/notify \
-H "Content-Type: application/json" \
-d '{"message": "Running the Webdesign skill", "voice_enabled": true}' > /dev/null
What This Skill Is
Webdesign is the PAI orchestration layer around Claude Design — Anthropic's web-based visual design product launched in April 2026 at claude.ai/design. Claude Design is not a CLI tool or plugin; it is a surface on claude.ai powered by Claude Opus 4.7 vision. This skill bridges the gap by:
- Driving Claude Design programmatically through the Interceptor skill (real-Chrome automation of the authenticated claude.ai session).
- Processing handoff bundles that Claude Design produces, feeding them into local codebases.
- Delegating production code generation to the
frontend-designplugin (Anthropic, auto-activates in Claude Code) when the output is code. - Integrating designs INTO existing applications — framework-aware diff/patch flow, not greenfield-only.
- Verifying and deploying the result via Interceptor + the project's chosen host.
Claude Design is the engine. Webdesign is the cockpit.