claude

Open Design

Make posters, social posts, slides, landing pages and prototypes in your chat, with ready-made design systems, checks and PDF, PNG or PowerPoint exports.

1,118 on GitHubby feimacodev0.4.0MITupdated yesterdayproductivity
/

Plugin open-design from marketplace open-design-agent-kit in feimacode/open-design-agent-kit. Commands read from the repo's manifest — yesterday.

This plugin runs code on your machine — it starts local MCP servers. The exact commands are listed below; read them before installing.

What it installs

Skills (45)

  • od-deck-deck-guizang-editorial

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

  • 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

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

  • 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

  • od-deck-ppt-keynote

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

  • od-prototype-article-magazine

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

  • od-prototype-card-twitter

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

  • od-prototype-card-xiaohongshu

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

  • od-prototype-data-report

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

  • od-prototype-doc-kami-parchment

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

  • od-prototype-mockup-device-3d

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

  • od-prototype-poster-hero

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

  • od-prototype-resume-modern

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

  • od-prototype-social-carousel

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

  • od-prototype-social-reddit-card

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

  • 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

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

  • od-prototype-social-youtube-thumbnail

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

  • 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

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

  • od-video-frame-glitch-title

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

  • od-video-frame-light-leak-cinema

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

  • od-video-frame-liquid-bg-hero

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

  • od-video-frame-logo-outro

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

  • od-video-frame-macos-notification

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

  • od-video-vfx-text-cursor

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

  • od-video-video-hyperframes

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

  • 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,

  • 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 ski

  • 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

  • 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

  • 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

  • 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 des

  • 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 t

  • 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

  • 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, upd

  • 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

  • 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

  • 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

  • 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 ever

  • open-design-redesign

    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 redesigne

  • open-design-site-audit

    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 re

  • 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 cove

  • 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,

Subagents (1)

  • 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

MCP servers (1)

  • open-design

    runs: node ${CLAUDE_PLUGIN_ROOT}/scripts/open-design-mcp.mjs

View source on GitHub marketplace.visualstudio.com

Similar plugins

caveman

claude

Talk like caveman. Cut filler. Keep technical details explicit.

22 skills · 1 command · 3 agents · hooks

JuliusBrussee/caveman 119,462

claude-mem

claudecodex

Persistent memory for Claude Code: the next session starts where the last one left off.

29 skills · 1 MCP server · hooks

thedotmack/claude-mem 116,618

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

career-ops

claudecodex

Open-source AI job search that runs locally in your AI coding CLI: scan job portals, evaluate listings into a structured A-H report with a 1-5 score, tailor your CV, track applications

5 skills · hooks

career-ops-hq/career-ops 82,253

mem0

claudecodex

Cross-session memory and token savings for coding agents.

6 skills · 1 agent · 1 MCP server · hooks

mem0ai/mem0 68,893

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

Maintain Open Design?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex pluginslisted