Design agent skill

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. It works with Claude Code, Cursor, GitHub Copilot, Windsurf, Cline, and 17+ AI agents. You bring your API key. The agent skill handles the rest: parsing your brief, calling the API, polling for results, and displaying the output inline.

116,000 Brands |

Sivi Product Review

4.7/5

| 72+ Languages

Sivi awards

Design agent skill

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. It works with Claude Code, Cursor, GitHub Copilot, Windsurf, Cline, and 17+ AI agents. You bring your API key. The agent skill handles the rest: parsing your brief, calling the API, polling for results, and displaying the output inline.

116,000 Brands |

Sivi Product Review

4.7/5

| 72+ Languages

Sivi awards

Design agent skill

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. It works with Claude Code, Cursor, GitHub Copilot, Windsurf, Cline, and 17+ AI agents. You bring your API key. The agent skill handles the rest: parsing your brief, calling the API, polling for results, and displaying the output inline.

116,000 Brands |

Sivi Product Review

4.7/5

| 72+ Languages

Sivi awards

Design agent skill

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. It works with Claude Code, Cursor, GitHub Copilot, Windsurf, Cline, and 17+ AI agents. You bring your API key. The agent skill handles the rest: parsing your brief, calling the API, polling for results, and displaying the output inline.

116,000 Brands

Sivi Product Review

4.7/5

72+ Languages

Sivi awards
The fastest path from idea to design. This agent skill turns your coding assistant into a design agent. Just describe what you need in natural language, get a finished, layered design back in your IDE.

The fastest path from idea to design. This agent skill turns your coding assistant into a design agent. Just describe what you need in natural language, get a finished, layered design back in your IDE.

The fastest path from idea to design. This agent skill turns your coding assistant into a design agent. Just describe what you need in natural language, get a finished, layered design back in your IDE.

The fastest path from idea to design. This agent skill turns your coding assistant into a design agent. Just describe what you need in natural language, get a finished, layered design back in your IDE.

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.

One prompt. Multiple design variants. Layered, editable output. A design agent that works where you code.

One prompt. Multiple design variants. Layered, editable output. A design agent that works where you code.

One prompt. Multiple design variants. Layered, editable output. A design agent that works where you code.

One prompt. Multiple design variants. Layered, editable output. A design agent that works where you code.

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.

git clone https://github.com/sivi/skills.git

# Add your Sivi API key
echo "SIVI_API_KEY=your_api_key_here"

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.

72% of developers say context-switching between tools is their top productivity killer. Source: Stack Overflow Developer Survey

72% of developers say context-switching between tools is their top productivity killer. Source: Stack Overflow Developer Survey

72% of developers say context-switching between tools is their top productivity killer. Source: Stack Overflow Developer Survey

72% of developers say context-switching between tools is their top productivity killer. Source: Stack Overflow Developer Survey

What the design agent can generate

This agent skill supports every design type available in the Sivi API:

Category

Category

Types

Types

Social posts

Social posts

Instagram, Facebook, LinkedIn, Twitter/X, Pinterest, WhatsApp

Instagram, Facebook, LinkedIn, Twitter/X, Pinterest, WhatsApp

Social ads

Social ads

Instagram, Facebook, LinkedIn, Twitter/X

Instagram, Facebook, LinkedIn, Twitter/X

Display ads

Display ads

Leaderboard, skyscraper, rectangle, banner, square, and 10+ IAB sizes

Leaderboard, skyscraper, rectangle, banner, square, and 10+ IAB sizes

Website assets

Website assets

Hero banners, rectangles, squares, hello bars, full-screen

Hero banners, rectangles, squares, hello bars, full-screen

Email

Email

Headers, squares, rectangles, wide and tall formats

Headers, squares, rectangles, wide and tall formats

Thumbnails

Thumbnails

YouTube thumbnails

YouTube thumbnails

Ecommerce

Ecommerce

Amazon A+ content, product banners, category headers

Amazon A+ content, product banners, category headers

Custom

Custom

Any width x height in pixels

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

Social media post

Social media post

Instagram post for a new coffee shop grand opening. Use warm tones.

Display ad

Display ad

Leaderboard display ad for a SaaS product. Headline: Ship faster with AI. CTA: Start free trial.

YouTube thumbnail

YouTube thumbnail

YouTube thumbnail for a video about productivity tips. Bold text, dark background.

Multilingual

Multilingual

Facebook ad for a travel agency summer campaign. In Spanish.

With brand assets

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.

The design agent handles ads, banners, social posts, thumbnails, ecommerce graphics, email headers, and custom sizes. Describe what you need. The agent picks the right format.

The design agent handles ads, banners, social posts, thumbnails, ecommerce graphics, email headers, and custom sizes. Describe what you need. The agent picks the right format.

The design agent handles ads, banners, social posts, thumbnails, ecommerce graphics, email headers, and custom sizes. Describe what you need. The agent picks the right format.

The design agent handles ads, banners, social posts, thumbnails, ecommerce graphics, email headers, and custom sizes. Describe what you need. The agent picks the right format.

Customization options

The design agent skill accepts optional parameters for fine-grained control:

Parameter

Parameter

What it controls

What it controls

Example

Example

type / subtype

type / subtype

Design category and format

Design category and format

instagram / `instagram-story`

dimension

dimension

Custom pixel size

Custom pixel size

600 x 314

colors

colors

Brand color palette

Brand color palette

#FF5733, #FFFFFF

#FF5733, #FFFFFF

theme

theme

Light, dark, or colorful

Light, dark, or colorful

dark

dark

language

language

Drop-in React component. Full design studio in your frontend.

Drop-in React component. Full design studio in your frontend.

Hindi, Arabic, Spanish

Hindi, Arabic, Spanish

images

images

Model Context Protocol server. AI agents call Sivi as a tool.

Model Context Protocol server. AI agents call Sivi as a tool.

URL to image file

URL to image file

logos

logos

Headless. Send JSON, get back a layered design.

Headless. Send JSON, get back a layered design.

URL to logo file

URL to logo file

variants

variants

Drop-in React component. Full design studio in your frontend.

Drop-in React component. Full design studio in your frontend.

4

output format

output format

Model Context Protocol server. AI agents call Sivi as a tool.

Model Context Protocol server. AI agents call Sivi as a tool.

png

frame style

frame style

Headless. Send JSON, get back a layered design.

Headless. Send JSON, get back a layered design.

plain

backdrop style

backdrop style

Drop-in React component. Full design studio in your frontend.

Drop-in React component. Full design studio in your frontend.

minimalist

focus

focus

Model Context Protocol server. AI agents call Sivi as a tool.

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.

Skip the browser. Skip the design tool. Generate production-ready marketing designs from the same terminal where you write code.

Sivi's design API gives you three integration paths: REST API for backend automation, SDK for embedding a design studio in your frontend, and MCP server for AI agent workflows. All three enforce your brand kit automatically.

Skip the browser. Skip the design tool. Generate production-ready marketing designs from the same terminal where you write code.

Skip the browser. Skip the design tool. Generate production-ready marketing designs from the same terminal where you write code.

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

Design agent vs. image generators

Sivi (design agent)

Sivi (design agent)

Image generators

Image generators

Output

Output

Layered, editable design

Layered, editable design

Flat raster image

Flat raster image

Text

Text

Real, editable text

Real, editable text

Hallucinated, garbled text

Hallucinated, garbled text

Brand kit

Brand kit

Enforced automatically

Enforced automatically

No brand awareness

No brand awareness

Sizes

Sizes

Any custom dimension

Any custom dimension

Fixed aspect ratios

Fixed aspect ratios

Edit after generation

Edit after generation

Full layer editing

Full layer editing

Start over

Start over

Use case

Use case

Marketing designs, ads, banners

Marketing designs, ads, banners

Artistic images, concepts

Artistic images, concepts

The Sivi design API processes design generations across ecommerce, ad tech, and SaaS platforms. The agent skill gives individual developers access to the engine.

The Sivi design API processes design generations across ecommerce, ad tech, and SaaS platforms. The agent skill gives individual developers access to the engine.

The Sivi design API processes design generations across ecommerce, ad tech, and SaaS platforms. The agent skill gives individual developers access to the engine.

The Sivi design API processes design generations across ecommerce, ad tech, and SaaS platforms. The agent skill gives individual developers access to the engine.

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

The design agent skill is free, open-source, and works with 17+ AI assistants. Install it, add your API key, and start generating production-ready designs from your IDE.

The design agent skill is free, open-source, and works with 17+ AI assistants. Install it, add your API key, and start generating production-ready designs from your IDE.

The design agent skill is free, open-source, and works with 17+ AI assistants. Install it, add your API key, and start generating production-ready designs from your IDE.

The design agent skill is free, open-source, and works with 17+ AI assistants. Install it, add your API key, and start generating production-ready designs from your IDE.

What business owners, marketers, AI enthusiasts, and designers say about Sivi

  • Sivi AI - 5 star rating

    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 review by George Frigo

    George Frigo

    Lead product designer

  • Sivi AI - 5 star rating

    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.

    Sivi review by Max Yampolsky

    Max Yampolsky

    Founder @ One Click Crypto

  • Sivi AI - 5 star rating

    🎊 Really great tool, game-changer that disrups a huge market and everything connected with design and content creation.

    Sivi review by Anna Svirshchevskaya

    Anna Svirshchevskaya

    Product owner at @Paige

  • Five star review for Sivi AI by Pradeep Soundararajan

    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.

    Sivi review by Pradeep Soundarrajan

    Pradeep Soundararajan

    Founder CEO of Bugasura.io

  • Sivi AI - 5 star rating

    As per the tool - I've been looking for along 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!

    Sivi review by Oleksandr Naumov

    Oleksandr Naumov

    Marketer

  • Sivi AI - 5 star rating

    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.

    Sivi review by Florian Myter

    Florian Myter

    Co-Founder weave.ly

116,000 Business Users |

Sivi AI Product Review

4.7/5

What business owners, marketers, AI enthusiasts, and designers say about Sivi

  • Sivi AI - 5 star rating

    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 review by George Frigo

    George Frigo

    Lead product designer

  • Sivi AI - 5 star rating

    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.

    Sivi review by Max Yampolsky

    Max Yampolsky

    Founder @ One Click Crypto

  • Sivi AI - 5 star rating

    🎊 Really great tool, game-changer that disrups a huge market and everything connected with design and content creation.

    Sivi review by Anna Svirshchevskaya

    Anna Svirshchevskaya

    Product owner at @Paige

  • Five star review for Sivi AI by Pradeep Soundararajan

    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.

    Sivi review by Pradeep Soundarrajan

    Pradeep Soundararajan

    Founder CEO of Bugasura.io

  • Sivi AI - 5 star rating

    As per the tool - I've been looking for along 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!

    Sivi review by Oleksandr Naumov

    Oleksandr Naumov

    Marketer

  • Sivi AI - 5 star rating

    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.

    Sivi review by Florian Myter

    Florian Myter

    Co-Founder weave.ly

35,000 Business Users

Sivi Product Review

4.7/5

Sivi AI Footer

Copyright © 2020-24 HelloSivi Software Labs

Sivi AI Footer

Copyright © 2020-24 HelloSivi Software Labs

|

Sivi AI Footer

Copyright © 2020-24 HelloSivi Software Labs