kgoedecke/doop/doop-design

Claude Code and agent skill by kgoedecke/doop

Trust tier 2
  • community
LLM review pending
Source check pending

Checking that the SKILL.md file is still in the repository.

Create, inspect, and refine HTML designs on a shared Doop canvas. Use when the user asks to work in Doop, provides a Doop canvas URL, or asks to implement a design from a Doop canvas in their codebase.

Install

npx vskill@latest install kgoedecke/doop/doop-design

SKILL.md

Doop design

Use the connected doop MCP server for Doop work. The server provides the current tool schemas and design guidance; do not substitute local HTML files for edits the user requested on a shared canvas.

  1. Call get_guide({ topic: "doop-instructions" }) before other Doop tools and follow the returned workflow. Reload it if the conversation has lost that context.
  2. Use the canvas ID from the user's /c/<id> URL or explicit canvas ID. If they have not identified a canvas, use the available discovery tools and ask them to choose when the target is ambiguous. Do not guess or create a replacement canvas for an existing design.
  3. Pick one agent_name and keep it consistent. Read the canvas with get_canvas, then fetch its relevant guidelines and references before designing. Announce progress with set_status as described by the server.
  4. Make the requested changes through the available Doop tools. Inspect the rendered result with get_frame_screenshot, correct visual issues, and respond to feedback from people on the canvas. Clear your status when finished.
  5. When the user asks to implement a Doop design in their codebase, inspect the source frame and its screenshot first, then follow the repository's conventions. Modify the shared canvas only when the user requests design changes.
  6. Finish with a link to the canvas and a brief description of the work completed.

If Doop tools are missing or authentication fails, ask the user to enable the Doop MCP server in Cursor's Customize panel and complete its browser sign-in. Do not request tokens in chat. This plugin connects to https://doop.design/mcp; local and self-hosted Doop instances use their own server connection.

Security

  • Security scanPassed, 100 of 100Pattern checks on the skill's files.
  • Model reviewNot runA model review is scheduled for the next rescan.

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

Repository stars
1,000
Repository forks
133
7-day trend score
0

Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/kgoedecke/doop/doop-design/badge)](https://verified-skill.com/skills/kgoedecke/doop/doop-design)

Something wrong with this skill or its page? Tell us.