open-design Plugin
Make posters, social posts, slides, landing pages and prototypes in your chat, with ready-made design systems, checks and PDF, PNG or PowerPoint exports.
So installierst du das open-design Plugin
Führe beide Befehle in Claude Code aus. Der erste fügt den Marketplace einmalig hinzu; der zweite installiert das Plugin.
/plugin marketplace add feimacode/open-design-agent-kit
/plugin install open-design@open-design-agent-kitWas ist in open-design enthalten
47 Teile wurden aus den eigenen Dateien des Plugins gelesen.
Agents 1
Aufrufen als @agent-open-design:name- @agent-open-design:design-critic
Fresh-eyes design critic for Open Design artifacts. Use from the open-design-critique skill (the open-design skill's check step, or when the user asks for a second opinion): give it the artifact's entry path, the critiqueInput from get_open_design_artifact with critique true, and full paths to the c
Skills 45
Claude lädt es, wenn die Aufgabe passt- od-deck-deck-guizang-editorial
Converts content into an editorial magazine style e-ink horizontal deck using specific layouts and palettes.
- od-deck-deck-open-slide-canvas
Open-Slide 1920 Canvas Deck (Open Design) — use only when the user explicitly runs this skill
- od-deck-deck-swiss-international
Generates a 16-column-grid presentation deck using the Swiss International template with 22 locked layouts and real content.
- od-deck-guizang-ppt
Generates marketing and go-to-market decks using the Guizang Ppt visual system to connect creative choices to measurable growth.
- od-deck-ppt-keynote
Keynote-style Slides (Open Design) — use only when the user explicitly runs this skill
- od-prototype-article-magazine
Converts content into long-form HTML essays inspired by Huashu magazine layouts using Open Design templates.
- od-prototype-card-twitter
Generates Twitter quote or data cards designed to accompany social media posts using the Open Design system.
- od-prototype-card-xiaohongshu
Xiaohongshu Card (Open Design) — use only when the user explicitly runs this skill
- od-prototype-data-report
Generates visual report pages from CSV, Excel, or JSON data using Open Design templates.
- od-prototype-doc-kami-parchment
Kami Parchment Document (Open Design) — use only when the user explicitly runs this skill
- od-prototype-mockup-device-3d
Generates 3D-style iPhone and MacBook mockups with embedded HTML content for device showcases.
- od-prototype-poster-hero
Generates vertical posters or Moments-style share images from user content using the Open Design system.
- od-prototype-resume-modern
Generates a modern minimal single-page A4 resume for print or PDF export using the Open Design system.
- od-prototype-social-carousel
social-carousel (Open Design) — use only when the user explicitly runs this skill
- od-prototype-social-reddit-card
Generates realistic Reddit post cards with vote rails and comment counts for video overlays or social media stories.
- od-prototype-social-spotify-card
Spotify Now-Playing Card (Open Design) — use only when the user explicitly runs this skill
- od-prototype-social-x-post-card
Generates realistic X post cards with engagement metrics for use in video overlays or shareable image cards.
- od-prototype-social-youtube-thumbnail
Generates high-contrast YouTube thumbnails featuring a short hook line and a strong focal subject using the Open Design system.
- od-video-frame-data-chart-nyt
NYT-Style Data Chart Frame (Open Design) — use only when the user explicitly runs this skill
- od-video-frame-flowchart-sticky
Creates whiteboard-style flowchart frames with SVG connectors and sticky-note nodes from user content.
- od-video-frame-glitch-title
Generates digital-glitch and chromatic-offset title frames for video transitions or cyberpunk-themed content.
- od-video-frame-light-leak-cinema
Creates cinematic video openings or chapter cards featuring film light leaks, grain, letterbox framing, and serif typography.
- od-video-frame-liquid-bg-hero
Creates WebGL-style fluid displacement backgrounds with quote overlays for video intros, landing hero sections, or posters.
- od-video-frame-logo-outro
Generates video outro or brand closing frames with segmented logo assembly, glow bloom, and tagline reveals.
- od-video-frame-macos-notification
Generates realistic macOS notification banner overlays for video content or product teasers using the Open Design system.
- od-video-vfx-text-cursor
Generates video intro quote reveals with cursor light trails, chromatic rays, and directional flares using Open Design templates.
- od-video-video-hyperframes
Creates continuous frame animations compatible with Hyperframes and Remotion using the Open Design framework.
- open-design
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.
- 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
- 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?"
- 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
- 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
- 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
- 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
- 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
- open-design-integrations
Displays available service integrations, their connection status, and provides setup instructions for tools like Canva, Figma, and Notion.
- 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
- open-design-portfolio
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
- 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
- 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
+5
MCP server 1
Startet mit dem Plugin- open-designstdio
node ${CLAUDE_PLUGIN_ROOT}/scripts/open-design-mcp.mjs
Verwendung von open-design in Claude Code
Frage nach einem Agent per Name:
@agent-open-design:design-criticSkills benötigen keinen Command. Claude liest sie, wenn deine Anfrage dem entspricht, was sie beschreiben.
Aktualisieren, deaktivieren oder entfernen
- Plugin aktualisieren (shell)
- claude plugin update open-design@open-design-agent-kit
- marketplace aktualisieren
- /plugin marketplace update open-design-agent-kit
- Vorerst deaktivieren
- /plugin disable open-design@open-design-agent-kit
- Entfernen
- /plugin uninstall open-design@open-design-agent-kit
Skills in open-design
- 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 Dateien1129Stars - 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
1129Stars - 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?"
1129Stars - 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
1129Stars - 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
1129Stars - 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
1129Stars - 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
1129Stars - 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
1129Stars - 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.
1129Stars - 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
1129Stars - 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
1129Stars - 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
1129Stars - 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
1129Stars - 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
1129Stars - 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.
1129Stars - 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
1129Stars - 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
1129Stars - 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.
1129Stars - 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.
1129Stars - 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
1129Stars - 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.
1129Stars - 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.
1129Stars - od-deck-ppt-keynotefeimacode/open-design-agent-kit
Keynote-style Slides (Open Design) — use only when the user explicitly runs this skill
1129Stars - od-prototype-article-magazinefeimacode/open-design-agent-kit
Converts content into long-form HTML essays inspired by Huashu magazine layouts using Open Design templates.
1129Stars - 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.
1129Stars - od-prototype-card-xiaohongshufeimacode/open-design-agent-kit
Xiaohongshu Card (Open Design) — use only when the user explicitly runs this skill
1129Stars - od-prototype-data-reportfeimacode/open-design-agent-kit
Generates visual report pages from CSV, Excel, or JSON data using Open Design templates.
1129Stars - od-prototype-doc-kami-parchmentfeimacode/open-design-agent-kit
Kami Parchment Document (Open Design) — use only when the user explicitly runs this skill
1129Stars - od-prototype-mockup-device-3dfeimacode/open-design-agent-kit
Generates 3D-style iPhone and MacBook mockups with embedded HTML content for device showcases.
1129Stars - od-prototype-poster-herofeimacode/open-design-agent-kit
Generates vertical posters or Moments-style share images from user content using the Open Design system.
1129Stars
Fragen zum open-design Plugin
Wie installiere ich das open-design Plugin?
Führe in Claude Code /plugin marketplace add feimacode/open-design-agent-kit aus, dann /plugin install open-design@open-design-agent-kit.
Was enthält das open-design Plugin?
open-design bündelt 1 Agent, 45 Skills, MCP servers.
Welche Agents sind bei open-design dabei?
design-critic. Rufe einen mit @agent-open-design:design-critic auf.
Wie aktualisiere oder entferne ich das open-design Plugin?
Aktualisiere es mit claude plugin update open-design@open-design-agent-kit in deiner shell oder über den Installed-Tab von /plugin. Entferne es mit /plugin uninstall open-design@open-design-agent-kit.
Unter welcher Lizenz steht das open-design Plugin?
MIT, wie im Manifest des Plugins angegeben.