Logo Design
Designs a logo from a short brief and delivers SVG files, mockups and brand guidelines
by Kaan Kızıltuğ
Open Design Agent Kit
by Feima CodeSkillMake visuals
Lets your coding agent make slide decks, posters, landing pages and app mockups as files
About Open Design Agent Kit
Open Design Agent Kit adds design skills, brand design systems and examples to the coding agent you already use. Describe a deck, poster, landing page or app mockup and it builds HTML files, with a preview and exports.
For People who work in a coding agentFounders and marketers
Made by Feima Code
Feima Code, a GitHub organization based in Australia, publishes this kit. It brings the Open Design project's skills into agents such as Claude Code, Codex and Cursor.
- Stars
- ★ 573
- License
- MIT
- Cost
- Free
- Level
- Intermediate
- Contents
- Includes scripts
Examples
From the project's own repository · 4 images, swipe or use the arrows.
Overview
Open Design Agent Kit brings the design skills, brand design systems and ready-made examples of the Open Design project into the AI agent you already use. You describe a pitch deck, social post, report or mobile prototype; the agent builds it as HTML files in your folder, checks it in a browser preview and can export images, PDF or PowerPoint. It uses your agent's own model, so there is no extra account or key. It suits makers, marketers and founders who want designed pages without a separate design tool.
It starts from real rendered examples and a chosen design system instead of a blank page, so a set of designs shares one look.
Try these first
Start with the first one: it is a small task you can check easily.
- Make a one-page poster for a seed swap on Saturday at 10am in the community garden, then open the preview.First try · writes files
- Show me some example styles for a café menu before you build anything.read-only
- Turn [path to report.docx] into a ten-slide deck. Show me the outline first.writes files
- Make five tips about [topic] as an Instagram carousel and export the images.writes files
Example prompts written by Agent Flows Hub.
What you get
From the creator's documentation.
| Output | What it is | Reads |
|---|---|---|
| Remix examples | Starts from a real rendered example and adapts it to your request | Your project folder |
| Design systems | Pick a bundled brand style, or make one from a brief or your website | Your project folder |
| Decks from documents | Reads a DOCX, PDF, spreadsheet or Markdown file and builds a deck after you approve the outline | Files you choose |
| Live preview | Opens a browser preview where you can leave comments on parts of the design | Your computer |
| Exports | PNG or JPEG images, PDF and PowerPoint, plus video or GIF when ffmpeg is installed | Your computer |
| Connected services | Uses your own Canva, Figma, Notion or Buffer connections when your agent has them | Connected tools |
Good to know
Ask your coding agent for a one-page poster, a short deck or a report from a CSV. The skill picks a template and design system, writes the files into your folder and opens a live preview you can comment on.
Limits
- The skill needs the Open Design MCP server, which it registers with npx the first time it runs. The preview window and image, PDF and PowerPoint export need an installed Chrome, Edge or Chromium.
- Results are HTML files in your project folder. The PowerPoint export of a deck is one image per slide, so the text is not editable in PowerPoint.
Notes by Agent Flows Hub (original project name: open-design-agent-kit (open-design skill)), written from the creator's documentation, not from running it ourselves. Open Design Agent Kit README · Open Design Agent Kit: getting started with Claude Code
Stuck setting it up?
Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.
More to make visuals
Other skills
- Outlier Post Finder Finds the posts that did far better than an account's usual results and explains why
- Papermorph Turns a textbook PDF or a story into a narrated, animated web book you can host anywhere
- PDF Toolkit Merges, splits and fills in PDFs, and pulls text and tables out of them
- Personal AI Tutor A tutor that teaches, quizzes and reminds you to review until it sticks
- Personal Tutor Workspace Teaches you a topic over several sessions with short lessons, quizzes and cheat sheets
- Plain-Language Session Report Tells you in one screen whether your AI agent finished the job and what it needs from you