open-design plugin

What's inside open-design

47 parts read from the plugin's own files.

Skills in open-design

1. 
   open-designfeimacode/open-design-agent-kit

   Make designs in the chat (posters and flyers, social posts and carousels, slide decks, landing pages, prototypes, dashboards, components) using Open Design's bundled design skills and ready-made design systems, then check them and export PDF, PNG or PowerPoint. Use whenever the user asks to design, build, mock up, or generate something visual — a poster, flyer, Instagram post, pitch deck, landing page, dashboard, prototype, or marketing page — even if they don't say "Open Design" explicitly.

   2 files
   1.1Kstars
2. 
   open-design-campaignfeimacode/open-design-agent-kit

   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

   1.1Kstars
3. 
   open-design-critiquefeimacode/open-design-agent-kit

   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?"

   1.1Kstars
4. 
   open-design-deck-from-sourcefeimacode/open-design-agent-kit

   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

   1.1Kstars
5. 
   open-design-design-system-from-urlfeimacode/open-design-agent-kit

   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

   1.1Kstars
6. 
   open-design-docsfeimacode/open-design-agent-kit

   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

   1.1Kstars
7. 
   open-design-editfeimacode/open-design-agent-kit

   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

   1.1Kstars
8. 
   open-design-explorefeimacode/open-design-agent-kit

   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

   1.1Kstars
9. 
   open-design-integrationsfeimacode/open-design-agent-kit

   Displays available service integrations, their connection status, and provides setup instructions for tools like Canva, Figma, and Notion.

   1.1Kstars
10. 
    open-design-newfeimacode/open-design-agent-kit

    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

    1.1Kstars
11. 
    open-design-portfoliofeimacode/open-design-agent-kit

    Build a designer's portfolio from their real work — a work library of projects, facts and images (screenshots, Figma frames, live pages, kit designs) entered once, with privacy levels, redaction and alt text, then a portfolio site or interview deck from it — use whenever the user wants to build, update or tidy a design portfolio, case studies or a body of work to show (job hunting, client pitches, Dribbble or Behance, a portfolio review, a promotion packet), or wants to add a project, screenshots, Figma frames or a live product to their portfolio, even if they don't mention Open Design

    1.1Kstars
12. 
    open-design-posterfeimacode/open-design-agent-kit

    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

    1.1Kstars
13. 
    open-design-previewfeimacode/open-design-agent-kit

    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

    1.1Kstars
14. 
    open-design-publishfeimacode/open-design-agent-kit

    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

    1.1Kstars
15. 
    open-design-recurringfeimacode/open-design-agent-kit

    Automate recurring design tasks like weekly report decks or social media posts using scheduled job files and a scheduler.

    1.1Kstars
16. 
    open-design-redesignfeimacode/open-design-agent-kit

    Redesign a live website — audit it, take its brand and its real words, photos, hours and prices, and design a new home page and up to 3 inner pages as one linked site that fixes the problems found, marked as a concept until the owner agrees — use whenever the user wants an existing website redesigned, refreshed, modernized or mocked up again ("redesign rosas.example", "show this bakery what a better site could look like", "a new version of our website", "pitch a redesign to this business"), even if they don't mention Open Design; not for a new site from scratch

    1.1Kstars
17. 
    open-design-site-auditfeimacode/open-design-agent-kit

    Audit a live website with Open Design's own checks — contrast, tap targets, phone layout, larger text, broken images, page weight and template looks — and get a short, plain-language report of the biggest problems with marked screenshots — use whenever the user wants a website audited, checked or reviewed for design, accessibility or mobile problems ("audit this site", "what's wrong with our website", "find problems on example.com", "why does our site look bad on phones"), or wants talking points before pitching a redesign, even if they don't mention Open Design

    1.1Kstars
18. 
    open-design-social-postfeimacode/open-design-agent-kit

    Design social media posts for platforms like X, Instagram, and YouTube and export them as upload-ready files.

    1.1Kstars
19. 
    od-deck-deck-guizang-editorialfeimacode/open-design-agent-kit

    Converts content into an editorial magazine style e-ink horizontal deck using specific layouts and palettes.

    1.1Kstars
20. 
    od-deck-deck-open-slide-canvasfeimacode/open-design-agent-kit

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

    1.1Kstars
21. 
    od-deck-deck-swiss-internationalfeimacode/open-design-agent-kit

    Generates a 16-column-grid presentation deck using the Swiss International template with 22 locked layouts and real content.

    1.1Kstars
22. 
    od-deck-guizang-pptfeimacode/open-design-agent-kit

    Generates marketing and go-to-market decks using the Guizang Ppt visual system to connect creative choices to measurable growth.

    1.1Kstars
23. 
    od-deck-ppt-keynotefeimacode/open-design-agent-kit

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

    1.1Kstars
24. 
    od-prototype-article-magazinefeimacode/open-design-agent-kit

    Converts content into long-form HTML essays inspired by Huashu magazine layouts using Open Design templates.

    1.1Kstars
25. 
    od-prototype-card-twitterfeimacode/open-design-agent-kit

    Generates Twitter quote or data cards designed to accompany social media posts using the Open Design system.

    1.1Kstars
26. 
    od-prototype-card-xiaohongshufeimacode/open-design-agent-kit

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

    1.1Kstars
27. 
    od-prototype-data-reportfeimacode/open-design-agent-kit

    Generates visual report pages from CSV, Excel, or JSON data using Open Design templates.

    1.1Kstars
28. 
    od-prototype-doc-kami-parchmentfeimacode/open-design-agent-kit

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

    1.1Kstars
29. 
    od-prototype-mockup-device-3dfeimacode/open-design-agent-kit

    Generates 3D-style iPhone and MacBook mockups with embedded HTML content for device showcases.

    1.1Kstars
30. 
    od-prototype-poster-herofeimacode/open-design-agent-kit

    Generates vertical posters or Moments-style share images from user content using the Open Design system.

    1.1Kstars