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:

  1. Driving Claude Design programmatically through the Interceptor skill (real-Chrome automation of the authenticated claude.ai session).
  2. Processing handoff bundles that Claude Design produces, feeding them into local codebases.
  3. Delegating production code generation to the frontend-design plugin (Anthropic, auto-activates in Claude Code) when the output is code.
  4. Integrating designs INTO existing applications — framework-aware diff/patch flow, not greenfield-only.
  5. Verifying and deploying the result via Interceptor + the project's chosen host.

Claude Design is the engine. Webdesign is the cockpit.

Related skills

More from danielmiessler/personal_ai_infrastructure

Installs
7
GitHub Stars
13.0K
First Seen
11 days ago