Updated 1d ago
by feimacode
open-design-agent-kit
Pro-grade UI design built into the coding agent you already use — GitHub Copilot Chat, Claude Code, Codex, Cursor. 270+ design skills, 150+ brand design systems, 160+ remixable examples. No desktop app, no daemon, no API keys — just files in your repo.
571 GitHub stars (571)
+560 in 3 days
| Period | New stars |
|---|---|
| Oct 29 | +242 |
| Oct 30 | +268 |
| Oct 31 | +50 |
- 30 skills (30 skills found in its SKILL.md files)
- 50 forks (50 forks)
- 1d ago last update (Last updated 1d ago)
Install
Skills CLI
npx skills add feimacode/open-design-agent-kit
Asks which skills and agents to install. Just one: npx skills add feimacode/open-design-agent-kit --skill article-magazine — add -g for every project.
Claude Code
git clone https://github.com/feimacode/open-design-agent-kitcp -r "open-design-agent-kit/.agents/skills/article-magazine" ~/.claude/skills/
Copies the article-magazine skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add feimacode/open-design-agent-kit
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md — showing the first 30 of 1191 files.
-
article-magazine
Magazine Article (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/article-magazine/SKILL.md on GitHub (opens in a new tab) -
card-twitter
Twitter Share Card (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/card-twitter/SKILL.md on GitHub (opens in a new tab) -
card-xiaohongshu
Xiaohongshu Card (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/card-xiaohongshu/SKILL.md on GitHub (opens in a new tab) -
data-report
Data Visualization Report (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/data-report/SKILL.md on GitHub (opens in a new tab) -
deck-guizang-editorial
Guizang Editorial E-Ink Deck (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/deck-guizang-editorial/SKILL.md on GitHub (opens in a new tab) -
deck-open-slide-canvas
Open-Slide 1920 Canvas Deck (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/deck-open-slide-canvas/SKILL.md on GitHub (opens in a new tab) -
deck-swiss-international
Swiss International Deck (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/deck-swiss-international/SKILL.md on GitHub (opens in a new tab) -
doc-kami-parchment
Kami Parchment Document (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/doc-kami-parchment/SKILL.md on GitHub (opens in a new tab) -
frame-data-chart-nyt
NYT-Style Data Chart Frame (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/frame-data-chart-nyt/SKILL.md on GitHub (opens in a new tab) -
frame-flowchart-sticky
Sticky Flowchart Frame (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/frame-flowchart-sticky/SKILL.md on GitHub (opens in a new tab) -
frame-glitch-title
Glitch Title Frame (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/frame-glitch-title/SKILL.md on GitHub (opens in a new tab) -
frame-light-leak-cinema
Light-Leak Cinematic Frame (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/frame-light-leak-cinema/SKILL.md on GitHub (opens in a new tab) -
frame-liquid-bg-hero
Liquid Background Hero (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/frame-liquid-bg-hero/SKILL.md on GitHub (opens in a new tab) -
frame-logo-outro
Logo Outro Frame (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/frame-logo-outro/SKILL.md on GitHub (opens in a new tab) -
frame-macos-notification
macOS Notification Banner (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/frame-macos-notification/SKILL.md on GitHub (opens in a new tab) -
guizang-ppt
Write a Brand-to-Revenue Story like a Growth Strategy Lead (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/guizang-ppt/SKILL.md on GitHub (opens in a new tab) -
mockup-device-3d
Device 3D Showcase (Open Design) — use only when explicitly invoked, not for general design requests
.agents/skills/mockup-device-3d/SKILL.md on GitHub (opens in a new tab) -
open-design-campaign
Turn one brief into a whole campaign — one master design exported to every channel size (social, link previews, banners, display ads), plus an optional landing page and email, in every language you need, checked and shown on one campaign sheet — use whenever the user wants a campaign, a launch kit, assets for several channels or sizes at once, ad banners in several sizes, or the same creative in…
.agents/skills/open-design-campaign/SKILL.md on GitHub (opens in a new tab) -
open-design-critique
Get a second opinion on an Open Design artifact from a design critic, judged from its latest check screenshots, the brief and the design system against a fixed rubric, with one verdict (ship, polish or rework) and at most five fixes — use before telling the user a design is done (the open-design skill's check step), and whenever the user asks for a second opinion, another opinion, a critique or a…
.agents/skills/open-design-critique/SKILL.md on GitHub (opens in a new tab) -
open-design-deck-from-source
Turn a document (a report, spec, spreadsheet, PDF, existing deck, or repository files such as a CHANGELOG) into a deck or one-pager, storyline first, with every number traced back to the source — use whenever the user wants slides, a deck, a presentation or a one-pager made from an existing document, spreadsheet, PDF or deck, or from repository files (CHANGELOG, RFCs, architecture decision record…
.agents/skills/open-design-deck-from-source/SKILL.md on GitHub (opens in a new tab) -
open-design-design-system-from-url
Make a design system from a website — measure its real colours, fonts, spacing and button states in a browser, write DESIGN.md and tokens.css that agree, and check the result side by side with the site before saving — use whenever the user wants a design system, brand kit, theme or tokens taken from a website or URL ("make a design system from stripe.com", "match our site's look", "extract the br…
.agents/skills/open-design-design-system-from-url/SKILL.md on GitHub (opens in a new tab) -
open-design-docs
Turn a folder of Markdown documents (ADRs, RFCs, runbooks, notes) into designed HTML pages, one per file, all in one style, and keep them in step when the Markdown changes — use whenever the user wants several Markdown files (a docs folder, ADRs, RFCs, runbooks, meeting notes) turned into HTML pages, or wants HTML versions of existing docs refreshed after edits
.agents/skills/open-design-docs/SKILL.md on GitHub (opens in a new tab) -
open-design-explore
Explore 2–4 deliberately different design directions for one brief, compare them side by side, then build out the one you pick — use whenever the user explicitly asks for several options, directions, alternatives or versions of a design to compare ("show me three directions for…", "a few different takes on…"), even if they don't mention Open Design; not for a single, ordinary design request
.agents/skills/open-design-explore/SKILL.md on GitHub (opens in a new tab) -
open-design-integrations
Show which services Open Design can use directly (Canva, Figma, Notion, Google Drive, Slack, social posting), whether each is connected, and how to set one up — use whenever the user asks which integrations, connectors or services Open Design can use, what's connected, or how to connect Canva, Figma, Notion, Google Drive, Slack or a social posting service
.agents/skills/open-design-integrations/SKILL.md on GitHub (opens in a new tab) -
open-design-new
Start a new design by picking what to make (prototype, mobile app, slides, document, wireframe, animation, résumé, research, data report, poster, social post, diagram), then build it with the right recipe
.agents/skills/open-design-new/SKILL.md on GitHub (opens in a new tab) -
open-design-poster
Design a poster or flyer for print or screen, check it, and export print-ready PDFs or upload-ready images, including other sizes and one version per row of a spreadsheet — use whenever the user wants a poster, flyer, event or gig poster, print piece, handout, certificate or name card set, or wants an existing design in other sizes or as a print-ready PDF, even if they don't mention Open Design
.agents/skills/open-design-poster/SKILL.md on GitHub (opens in a new tab) -
open-design-preview
Open an Open Design artifact in a live browser preview, where you can see it update as it changes, click elements to comment on them, and compare check screenshots before and after — use whenever the user asks to see, show, preview or open an Open Design artifact, or wants to comment on one visually
.agents/skills/open-design-preview/SKILL.md on GitHub (opens in a new tab) -
open-design-publish
Share an Open Design artifact as a live link (a temporary no-account link, or your own Netlify, Vercel, Cloudflare Pages or GitHub Pages), or as one self-contained HTML file — use whenever the user wants to share, publish, deploy or host an Open Design artifact, or get a link to send to teammates or stakeholders; also when they want a single HTML file to attach or send
.agents/skills/open-design-publish/SKILL.md on GitHub (opens in a new tab) -
open-design-recurring
Set up a design that rebuilds itself on a schedule (a weekly report deck, next week's social posts, a refreshed one-pager), or run one such job — one job file, one supervised run, then a one-line prompt for the scheduler — use whenever the user wants a design made again every day, every week or every month, on a schedule, or as a recurring job, or when a prompt says "Run the Open Design job <path…
.agents/skills/open-design-recurring/SKILL.md on GitHub (opens in a new tab) -
open-design-social-post
Design a social media post (X, Instagram, LinkedIn, Xiaohongshu, Stories/Reels, YouTube thumbnail or video) and export upload-ready files — use whenever the user wants something to post on social media (an X/Twitter image, Instagram or LinkedIn post or carousel, Xiaohongshu cards, a Story/Reels cover, a YouTube thumbnail or video), even if they don't mention Open Design
.agents/skills/open-design-social-post/SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
guizang-ppt-skillby op7418 AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/lo…
-
genofficeby genspark-ai Free, open-source AI Office suite: Docs, Sheets, Slides, PDF, Markdown and HTML editors with a built-in AI agent, plus a `genoffice` CLI an…
-
-
oh-my-hermesby rlaope ⚚ The coding harness with Hermes Agent wired into IDE.
-
gzh-design-skillby isjiamu 把 Markdown 一键排成可直接粘进公众号编辑器的精致 HTML —— 6 套精选主题 + 主题生成器 + 双关卡校验。An AI-agent skill that turns Markdown into paste-ready WeChat article HTML.
-
J-Space-Cognition-Suiteby Tiger3807861189 J-Space Cognition Suite — a model-agnostic inference-time control suite for deep reasoning, long-horizon work, verification, and recovery.…