Social media post
Instagram post for a new coffee shop grand opening. Use warm tones.
Sivi Claude skill - Generate banners inside Claude, ChatGPT, Cursor, Devin, and AI agents.
Use Sivi Claude skill to turn your AI coding assistant into a design agent. Type a prompt, get back layered, editable, on-brand designs. No browser, no design tool, no context switching. This is an open-source agent skill that wraps the Sivi design API. One install. Works across Claude Code, Cursor, GitHub Copilot, Windsurf, Cline, and 17+ AI agents. You bring your API key. The Claude skill handles the rest: parsing your brief, calling the API, polling for results, and displaying the output inline.
Install sivi/skills4.8/5176K+ brands72+ languages
How the design agent works
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.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.
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.
npx skills add sivi/skillsThat's it. Your AI coding assistant is now a design agent.
Clone from GitHub
Alternatively, clone the repo and set up manually.
git clone https://github.com/sivi/skills.git
# Add your Sivi API key
echo "SIVI_API_KEY=your_api_key_here" > .envThat'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 to get your key.
What the design agent can generate
This agent skill supports every design type available in the Sivi API:
| Category | Types |
|---|---|
| Social posts | Instagram, Facebook, LinkedIn, Twitter/X, Pinterest, WhatsApp |
| Social ads | Instagram, Facebook, LinkedIn, Twitter/X |
| Display ads | Leaderboard, skyscraper, rectangle, banner, square, and 10+ IAB sizes |
| Website assets | Hero banners, rectangles, squares, hello bars, full-screen |
| Headers, squares, rectangles, wide and tall formats | |
| Thumbnails | YouTube thumbnails |
| Ecommerce | Amazon A+ content, product banners, category headers |
| Custom | Any width x height in pixels |
If you don't specify a type, the design agent auto-selects the best match from your prompt.
Example prompts
Display ad
Leaderboard display ad for a SaaS product. Headline: Ship faster with AI. CTA: Start free trial.
YouTube thumbnail
YouTube thumbnail for a video about productivity tips. Bold text, dark background.
Multilingual
Facebook ad for a travel agency summer campaign. In Spanish.
With brand assets
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:
| Parameter | What It Controls | Example |
|---|---|---|
| type / subtype | Design category and format | instagram / `instagram-story` |
| dimension | Custom pixel size | 600 x 314 |
| colors | Brand color palette | #FF5733, #FFFFFF |
| theme | Light, dark, or colorful | dark |
| language | Drop-in React component. Full design studio in your frontend. | Hindi, Arabic, Spanish |
| images | Model Context Protocol server. AI agents call Sivi as a tool. | URL to image file |
| logos | Headless. Send JSON, get back a layered design. | URL to logo file |
| variants | Drop-in React component. Full design studio in your frontend. | 4 |
| output format | Model Context Protocol server. AI agents call Sivi as a tool. | png |
| frame style | Headless. Send JSON, get back a layered design. | plain |
| backdrop style | Drop-in React component. Full design studio in your frontend. | minimalist |
| focus | Model Context Protocol server. AI agents call Sivi as a tool. | 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 vs. image generators
| Feature | Sivi (Design Agent) | Image Generators |
|---|---|---|
| Output | Layered, editable design | Flat raster image |
| Text | Real, editable text | Hallucinated, garbled text |
| Brand kit | Enforced automatically | No brand awareness |
| Sizes | Any custom dimension | Fixed aspect ratios |
| Edit after generation | Full layer editing | Start over |
| Use case | Marketing designs, ads, banners | Artistic images, concepts |
Design agent skill FAQ
01Is this free?
The skill itself is open-source and free. You need a Sivi API key to use it, and production use requires a paid plan. View pricing
02Do 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.
03Can 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.
04What 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.
05How 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.
06Can 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/skillsWhat business owners, marketers, AI enthusiasts, and designers say about Sivi
I like how the prompt wizard is created. Generate process is cool. I like the approach when you actually see what is going on, instead of looking at some spinner for X minutes and be not sure if it is still processing or it is freezing. Simple and easy to use Edit mode. This is really cool product.
Sivi.ai is an impressive tool that can significantly speed up your design workflow. Its ability to generate visuals in a variety of dimensions and the option to edit the designs make it a versatile option for anyone in need of appealing designs.
Really great tool, game-changer that disrupts a huge market and everything connected with design and content creation.
I am an early beta user of Sivi and I love its present and future. I love the deep thought the team has put in it to understand the design process and making it business owner savvy. This is transformational for our GTM to help us quickly have multiple options in design for our messaging.
As per the tool - I’ve been looking for a long time when there will be an AI tool to generate design from text with a user-friendly interface. And it seems like this is the one!
Loved the idea of providing a prompt template to help new users get the most out of their first tries! I was surprised by how complete this product is, being able to edit the content and the visuals separately is a really good idea.
176K+ Brands
4.8/5
