How the design agent works
Step 1
Describe your design
Type a natural language prompt in your AI coding assistant. A simple prompt such as "Instagram post for a summer sale on outdoor furniture" or a detailed one like this: "Create four different Facebook ads. Headline: Refined Sanctuary, Description: Transform your home with KraftHaus Living., Button: Explore Now. Brand Colors: #CAAB75, #F8F8F8, #000000". Use logo from https://media.hellosivi.com/logos/s6FVztpTVjO.svg.
Step 2
The design agent calls the Sivi API
The agent skill parses your prompt, selects the right design type and size, and sends the request to the Sivi design API with your API key. You can also specify text message, colors, themes, logos, images, language, and dimensions. The Sivi API uses the Large Design Model and composes the design.
Step 3
Get designs inline
The design agent polls for results and displays the generated design variants directly in your IDE. Each variant includes a preview image and an edit link to the Sivi design studio where you can fine-tune and export. Note that Claude code does not display the image inline.
The designs are also downloaded to your local folder.
How to install the design agent skill
One command via skills.sh
Install the sivi/skills design agent with a single command. Works with Claude Code, Cursor, GitHub Copilot, Windsurf, Cline, and 17+ AI agents.
That's it. Your AI coding assistant is now a design agent.
Clone from GitHub
Alternatively, clone the repo and set up manually.
That's it. Your AI coding assistant is now a design agent.
MCP (Model Context Protocol)
The skill can be packaged as an MCP server for use with any MCP-compatible client - Claude Desktop, Cursor, Windsurf, and others. See the GitHub repo for MCP setup instructions.
Get your API key
You need a Sivi API key to use this skill. Sign up at the Sivi web app and get sandbox access.
What the design agent can generate
This agent skill supports every design type available in the Sivi API:
If you don't specify a type, the design agent auto-selects the best match from your prompt.
Example prompts
Instagram post for a new coffee shop grand opening. Use warm tones.
Leaderboard display ad for a SaaS product. Headline: Ship faster with AI. CTA: Start free trial.
YouTube thumbnail for a video about productivity tips. Bold text, dark background.
Facebook ad for a travel agency summer campaign. In Spanish.
LinkedIn post announcing our Series A funding. Use our logo at https://example.com/logo.png and brand colors #1A1A2E and #E94560.
Customization options
The design agent skill accepts optional parameters for fine-grained control:
instagram / `instagram-story`
600 x 314
4
png
plain
minimalist
image
All parameters except the prompt are optional. The design agent uses sensible defaults.
Why a design agent inside your IDE
Developers, marketers, and founders who work in the terminal or IDE shouldn't have to open a browser, log into a design tool, and context-switch to create a quick banner or social post.
This agent skill puts a design agent where you already work. It's the same Sivi API that powers production design pipelines for ecommerce platforms and agencies - just accessed through a conversational interface instead of code.
Design agent skill FAQ
Is this free?
The skill itself is open-source and free. You need a Sivi API key to use it. The API sandbox gives you free calls to test with. Production use requires a paid plan. View API pricing
Do I need to know how to code?
No. The agent skill runs inside your AI coding assistant. You type a natural language prompt. The design agent handles the API call.
Can I use my brand's colors, fonts, and logos?
Yes. Pass colors as hex codes and logos as URLs directly in your prompt. For full brand kit management (fonts, brand components, style rules), set up a brand kit in the Sivi dashboard and use it via the API.
What AI assistants does this work with?
Works with Claude Code, Cursor, GitHub Copilot, Windsurf, Cline, and 17+ AI agents that support skills.sh or MCP.
How is this different from using the API directly?
It's the same API. The design agent skill is a convenience layer that handles prompt parsing, payload construction, polling, and result display. If you're building an integration, use the API directly. If you want a design agent inside your IDE, use the skill.
Can I modify the skill?
Yes. It's open-source. Fork it, adapt it to your workflow, add custom defaults, or extend it with new features.
Start generating
Install the sivi/skills design agent and get your API key. First design in under 2 minutes.
npx skills add sivi/skills



















