Tooluck logoTooluck
Skill repository

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
install.sh
# every skill in this repo, via the skills CLI
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)

View feimacode/open-design-agent-kit on GitHub
Inside this pack

40 skills in open-design-agent-kit

Each skill is a SKILL.md file your agent loads when a task matches its description.
  1. 01
    od-deck-deck-guizang-editorial

    Guizang Editorial E-Ink Deck (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  2. 02
    od-deck-deck-open-slide-canvas

    Open-Slide 1920 Canvas Deck (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  3. 03
    od-deck-deck-swiss-international

    Swiss International Deck (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  4. 04
    od-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
  5. 05
    od-deck-ppt-keynote

    Keynote-style Slides (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  6. 06
    od-prototype-article-magazine

    Magazine Article (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  7. 07
    od-prototype-card-twitter

    Twitter Share Card (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  8. 08
    od-prototype-card-xiaohongshu

    Xiaohongshu Card (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  9. 09
    od-prototype-data-report

    Data Visualization Report (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  10. 10
    od-prototype-doc-kami-parchment

    Kami Parchment Document (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  11. 11
    od-prototype-mockup-device-3d

    Device 3D Showcase (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  12. 12
    od-prototype-poster-hero

    Marketing Poster (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  13. 13
    od-prototype-resume-modern

    Modern Resume (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  14. 14
    od-prototype-social-carousel

    social-carousel (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  15. 15
    od-prototype-social-reddit-card

    Reddit Post Card (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  16. 16
    od-prototype-social-spotify-card

    Spotify Now-Playing Card (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  17. 17
    od-prototype-social-x-post-card

    X / Twitter Post Card (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  18. 18
    od-prototype-social-youtube-thumbnail

    YouTube Thumbnail (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  19. 19
    od-video-frame-data-chart-nyt

    NYT-Style Data Chart Frame (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  20. 20
    od-video-frame-flowchart-sticky

    Sticky Flowchart Frame (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  21. 21
    od-video-frame-glitch-title

    Glitch Title Frame (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  22. 22
    od-video-frame-light-leak-cinema

    Light-Leak Cinematic Frame (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  23. 23
    od-video-frame-liquid-bg-hero

    Liquid Background Hero (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  24. 24
    od-video-frame-logo-outro

    Logo Outro Frame (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  25. 25
    od-video-frame-macos-notification

    macOS Notification Banner (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  26. 26
    od-video-vfx-text-cursor

    VFX Text Cursor (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  27. 27
    od-video-video-hyperframes

    Hyperframes Video (Open Design) — use only when the user explicitly runs this skill

    Preview SKILL.md
  28. 28
    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 several languages, even if they don't mention Open Design

    Preview SKILL.md
  29. 29
    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 review of an Open Design artifact, or asks "is this good?"

    Preview SKILL.md
  30. 30
    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 records, metrics CSVs), even if they don't mention Open Design

    Preview SKILL.md
  31. 31
    open-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
  32. 32
    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

    Preview SKILL.md
  33. 33
    open-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
  34. 34
    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

    Preview SKILL.md
  35. 35
    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

    Preview SKILL.md
  36. 36
    open-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
  37. 37
    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

    Preview SKILL.md
  38. 38
    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

    Preview SKILL.md
  39. 39
    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

    Preview SKILL.md
  40. 40
    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>", even if they don't mention Open Design

    Preview SKILL.md

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.

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates