kgoedecke/doop/doop-design
Claude Code and agent skill by kgoedecke/doop
- community
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-designSKILL.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.
- Call
get_guide({ topic: "doop-instructions" })before other Doop tools and follow the returned workflow. Reload it if the conversation has lost that context. - 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. - Pick one
agent_nameand keep it consistent. Read the canvas withget_canvas, then fetch its relevant guidelines and references before designing. Announce progress withset_statusas described by the server. - 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. - 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.
- 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
- SKILL.md in the repositoryCheckingcursor-plugin/skills/doop-design/SKILL.md
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
[](https://verified-skill.com/skills/kgoedecke/doop/doop-design)