Skills for Real Engineers. Straight from my .agents directory.
feimacode /
open-design-agent-kit
Make posters, social posts, slides and landing pages in the coding agent or chat you already use (Copilot, Claude, Codex, Cursor), with 198 design systems, checks and PDF/PNG/PowerPoint export.
- Stars
- 1.1k
- Skills
- 40
- License
- MIT
- Last commit
- Nov 10, 2026
npx skills add feimacode/open-design-agent-kit# or, for Claude Code, copy one skill folder into
~/.claude/skills/ (all projects)
.claude/skills/ (this project)
40 skills in open-design-agent-kit
- 01od-deck-deck-guizang-editorial
Guizang Editorial E-Ink Deck (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 02od-deck-deck-open-slide-canvas
Open-Slide 1920 Canvas Deck (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 03od-deck-deck-swiss-international
Swiss International Deck (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 04od-deck-guizang-ppt
Write a Brand-to-Revenue Story like a Growth Strategy Lead (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 05od-deck-ppt-keynote
Keynote-style Slides (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 06od-prototype-article-magazine
Magazine Article (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 07od-prototype-card-twitter
Twitter Share Card (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 08od-prototype-card-xiaohongshu
Xiaohongshu Card (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 09od-prototype-data-report
Data Visualization Report (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 10od-prototype-doc-kami-parchment
Kami Parchment Document (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 11od-prototype-mockup-device-3d
Device 3D Showcase (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 12od-prototype-poster-hero
Marketing Poster (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 13od-prototype-resume-modern
Modern Resume (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 14od-prototype-social-carousel
social-carousel (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 15od-prototype-social-reddit-card
Reddit Post Card (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 16od-prototype-social-spotify-card
Spotify Now-Playing Card (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 17od-prototype-social-x-post-card
X / Twitter Post Card (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 18od-prototype-social-youtube-thumbnail
YouTube Thumbnail (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 19od-video-frame-data-chart-nyt
NYT-Style Data Chart Frame (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 20od-video-frame-flowchart-sticky
Sticky Flowchart Frame (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 21od-video-frame-glitch-title
Glitch Title Frame (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 22od-video-frame-light-leak-cinema
Light-Leak Cinematic Frame (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 23od-video-frame-liquid-bg-hero
Liquid Background Hero (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 24od-video-frame-logo-outro
Logo Outro Frame (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 25od-video-frame-macos-notification
macOS Notification Banner (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 26od-video-vfx-text-cursor
VFX Text Cursor (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 27od-video-video-hyperframes
Hyperframes Video (Open Design) — use only when the user explicitly runs this skill
Preview SKILL.md - 28open-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 several languages, even if they don't mention Open Design
Preview SKILL.md - 29open-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 review of an Open Design artifact, or asks "is this good?"
Preview SKILL.md - 30open-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 records, metrics CSVs), even if they don't mention Open Design
Preview SKILL.md - 31open-design-design-system-from-url
Make a design system from a website, a Figma file or a Canva design — measure its real colours, fonts, spacing and button states, write DESIGN.md and tokens.css that agree, and check the result side by side with the source before saving — use whenever the user wants a design system, brand kit, theme or tokens taken from a website, URL, Figma file or Canva design ("make a design system from stripe.com", "take our design system from my Figma file", "use my Canva brand", "match our site's look", "extract the brand from this page"), even if they don't mention Open Design
Preview SKILL.md - 32open-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
Preview SKILL.md - 33open-design-edit
Steer one part of an existing design in one direction — bolder, quieter, denser, roomier, simpler, more polished or sturdier — and change nothing else, with a check that proves only that part changed and a before and after to show — use whenever the user wants one part of an existing Open Design design changed in a direction rather than redesigned ("make the hero pop", "tone down the footer", "the table feels cramped", "simplify this section", "clean up the pricing cards", "what if the names are really long?", "make it bolder"), or clicked a verb in the preview, even if they don't mention Open Design; not for a new design or a whole new direction
Preview SKILL.md - 34open-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
Preview SKILL.md - 35open-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
Preview SKILL.md - 36open-design-new
Start a new design by picking what to make (prototype, app screens, mobile app, slides, document, wireframe, animation, résumé, research, data report, poster, social post, diagram), then build it with the right recipe
Preview SKILL.md - 37open-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
Preview SKILL.md - 38open-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
Preview SKILL.md - 39open-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
Preview SKILL.md - 40open-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>", even if they don't mention Open Design
Preview SKILL.md
Categories
Skills can include instructions and scripts that your agent will run. Read the SKILL.md and any bundled files before installing. Tooluck lists public GitHub data and does not audit this code.
Similar skill repositories
An agentic skills framework & software development methodology that works.
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
Public repository for Agent Skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
