NeVibeCode · 19 items
Plugins for Design
Plugins for Design: what each one does, an install command and example prompts.
example-skills
official plugin A collection of Claude skill examples for web testing, MCP work, design and documents. Use it to inspect skill structure or start a custom skill from a template.
★ 183,839repo stars
impeccable plugin Hands your agent a designer's vocabulary: 24 commands like polish, audit and bolder, so UI feedback stops being “make it pretty”.
★ 88,212repo stars
hyperframes plugin Renders deterministic MP4 videos from HTML and CSS via agent prompts. Useful for creating animated clips and styled captions.
★ 72,481repo stars
playground
official plugin Builds a single-file HTML playground with visual controls, a live preview and a prompt you can copy back into Claude.
★ 44,635repo stars
frontend-design
official plugin A Claude skill that pushes frontend work toward distinctive typography, palettes and animation instead of the usual AI-generated layouts.
★ 44,635repo stars
visual-explainer plugin Turn architecture explanations, diffs, and requirement comparisons into styled HTML pages that open in a browser. Useful when terminal diagrams become hard to read.
★ 10,630repo stars
uizze
official plugin uizze helps GitHub Copilot build product-specific interfaces and finish the screen states that affect whether a UI is usable.
★ 40,418repo stars
skill-image-gen
official plugin Generates images from text prompts directly inside your editor. Useful when building game sprites, app icons, and mockups during coding.
★ 40,418repo stars
project-documenter
official plugin Builds repository documentation in Markdown and Word, with draw.io diagrams and PNG exports. Use it when a codebase needs documentation based on its actual structure.
★ 40,418repo stars
power-bi-development
official plugin This plugin adds prompts and agents for DAX, data models, performance troubleshooting, and report design. Use it while building or reviewing Power BI work.
★ 40,418repo stars
napkin
official plugin napkin opens a browser whiteboard for sketches and notes, then shares them with Copilot. Use it when a diagram is easier to explain than a block of text.
★ 40,418repo stars
draw
official plugin Create and edit simple diagrams in a Copilot canvas with draw. Use it to sketch a diagram, adjust it with Copilot, then export it as PNG or SVG.
★ 40,418repo stars
color-orb
official plugin Displays a visual orb on canvas that the agent recolors on demand while showing a live activity log.
★ 40,418repo stars
apng-studio
official plugin Interactive GitHub Copilot canvas extension for creating Animated PNG files. Lets you draw or upload frames, adjust per-frame timing, and export an animated .png.
★ 40,418repo stars
brand-landingpage plugin Runs a brand discovery interview, builds landing pages through Stitch, and hands back a deployment-ready HTML bundle. Useful when the product exists but the palette and page structure don't.
CX Codex
★ 41,729repo stars
figma
official plugin Wires Figma into Codex: turns frames into UI code, builds Code Connect templates and design system rules. Useful when you code against mockups.
CX Codex GP ChatGPT
★ 7,596repo stars
perception-first-design plugin Walks a page, email or pitch through five perceptual layers and tells you which one to fix first. Useful when the argument is about taste instead of causes.
★ 157repo stars
miro plugin Connects Claude to Miro boards so the agent reads board context, explains code and builds diagrams where your team already works.
★ 163repo stars
magicpath plugin Lets Claude search, preview, install and export MagicPath UI components through the magicpath-ai CLI. Handy when a component has to land in your local code.
★ 92repo stars
