Canvas Design
Generates visually appealing website mockups and prototypes directly within composiohq using AI design principles.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add composiohq-canvas-design npx -- -y @trustedskills/composiohq-canvas-design
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"composiohq-canvas-design": {
"command": "npx",
"args": [
"-y",
"@trustedskills/composiohq-canvas-design"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The composiohq-canvas-design skill enables AI agents to create and manipulate visual designs using a canvas-based interface. It supports features like drag-and-drop elements, styling options, and layout adjustments for building interactive web interfaces or graphic assets.
When to use it
- Designing user interfaces for web applications without coding
- Creating mockups or prototypes for client presentations
- Generating visual content such as infographics or banners
Key capabilities
- Drag-and-drop interface for arranging design elements
- Real-time styling with color, font, and spacing controls
- Responsive layout adjustments for different screen sizes
Example prompts
- "Create a landing page mockup with a hero section, call-to-action button, and footer."
- "Design an infographic showing the growth of AI adoption over the last five years."
- "Build a responsive dashboard layout with charts and data cards."
Tips & gotchas
- Ensure you have access to design assets or use built-in templates for faster results.
- Some advanced features may require familiarity with CSS or HTML for fine-tuning.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.