NeVibeCode · 297 items
Design: skills, plugins, subagents, slash commands and mcp servers
Design for Claude Code, Codex and Cursor: skills, plugins, subagents, slash commands and mcp servers, from popular to niche.
figma-swiftui
official skill Translates Figma designs into SwiftUI and sends SwiftUI back to Figma. Use it for iOS, iPhone, and iPad interface work.
CX Codex GP ChatGPT
6installs
figma-implement-motion
official skill Translates Figma animations and transitions into production code using motion.dev or CSS keyframes. Useful when implementing motion for UI components from a design.
CX Codex GP ChatGPT
6installs
index
official skill This skill routes product design requests to the right workflow. Use it when you want to explore an idea, review a user flow, or build a prototype from a visual reference.
CX Codex GP ChatGPT
5installs
ideate
official skill This skill turns a Product Design brief into three visual directions. Use it to explore interface variants, remixes, and new product concepts.
CX Codex GP ChatGPT
5installs
figma-use-motion
official skill Adds use_figma context for Figma node animation, covering keyframes, easing, animation styles, and timeline duration.
CX Codex GP ChatGPT
5installs
figma-use-figjam
official skill This skill gives Codex FigJam-specific context for Figma’s MCP tools. Use it when an agent must inspect or edit a FigJam board.
CX Codex GP ChatGPT
5installs
figma-generate-diagram
official skill Prepares Mermaid.js syntax for the generate_diagram tool and renders editable FigJam boards. Needed before building flowcharts, ERDs, or sequence diagrams.
CX Codex GP ChatGPT
5installs
user-context
official skill Stores product and design references for future Product Design work. Use it when an agent needs the same files, links, and preferences across tasks.
CX Codex GP ChatGPT
4installs
AEM Front-End Specialist
official subagent Builds Adobe Experience Manager components using HTL and Tailwind CSS v4, extracting design tokens directly from Figma.
GitHub Copilot
★ 40,369repo 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.
GitHub Copilot
★ 40,369repo stars
site-studio
official plugin site-studio helps you plan a personal website section by section, write content with an agent, and track changes as the work moves forward.
GitHub Copilot
★ 40,369repo 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.
GitHub Copilot
★ 40,369repo 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.
GitHub Copilot
★ 40,369repo stars
fluentui-blazor
official plugin Combines a best-practice skill and a live MCP server for Microsoft Fluent UI Blazor. It helps scaffold UI components, bind icons, and migrate projects from v4 to v5.
GitHub Copilot
★ 40,369repo 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.
GitHub Copilot
★ 40,369repo stars
color-orb
official plugin Displays a visual orb on canvas that the agent recolors on demand while showing a live activity log.
GitHub Copilot
★ 40,369repo 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.
GitHub Copilot
★ 40,369repo stars
281–297 of 297