Skip to main content
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.

297 items
figma-swiftui official Figma 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 Figma 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 OpenAI 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 OpenAI 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 Figma 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 Figma 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 Figma 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 OpenAI 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 github 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 adamd9 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 Ayan Gupta 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 Awesome Copilot Community 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 Awesome Copilot Community 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 Adrien Clerbois 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 Burke Holland 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 Aaron Powell 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 Andrea Griffiths 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

More in NeVibeCode

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor