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

498 items
paywall-upgrade-cro nexu-io skill A skill for designing and optimizing upgrade screens, paywalls, and upsell modals. Speeds up SaaS conversion design and pricing-page experiments. Claude Code CX Codex Cursor +1 2,700installs swiss-user-research-video-template nexu-io skill Generates a Swiss-editorial user research deck as a single HTML file with warm paper aesthetics, minimalist layout, participant donut charts, and keyboard navigation. Claude Code CX Codex Cursor +1 2,700installs fal-vision nexu-io skill Runs fal.ai vision models for object segmentation, OCR, image description, and visual question answering directly through your coding agent. Claude Code CX Codex Cursor +1 2,700installs faq-page nexu-io skill Builds an HTML FAQ page with an accordion, search, and category filters. Use it when a brief calls for a help centre or support page. Claude Code CX Codex Cursor +1 2,700installs fal-image-edit nexu-io skill Connects image editing workflows via hosted fal.ai models. Useful for background removal, erasing objects, style transfer, and inpainting. Claude Code CX Codex Cursor +1 2,700installs figma-use nexu-io skill Runs Figma Plugin API scripts for canvas edits, inspections, variables, and design-system work. It is a prerequisite for the catalogue’s other Figma skills. Claude Code CX Codex Cursor +1 2,700installs imagegen nexu-io skill Skill for generating and editing images through OpenAI's Image API. Creates UI mockups, icons, illustrations, and social cards directly from prompts. Claude Code CX Codex Cursor +1 2,700installs fal-generate nexu-io skill Generates images and videos using fal.ai endpoints like Flux, SDXL, and Ideogram. Useful when your coding agent needs to produce visual media directly in the project. Claude Code CX Codex Cursor +1 2,700installs editorial-burgundy-principles-template nexu-io skill Generates a three-slide editorial deck in burgundy and blush for manifestos, principles and culture narratives. Self-contained HTML with navigation and card grid. Claude Code CX Codex Cursor +1 2,700installs swiss-creative-mode-template nexu-io skill Builds an editorial, Swiss-style presentation page inside a self-contained HTML file. Useful for brutalist product launches and interactive decks. Claude Code CX Codex Cursor +1 2,700installs figma-create-design-system-rules nexu-io skill This skill generates project-specific design system rules for Figma-to-code work. Use it to capture tokens, naming conventions, and lint rules in one place. Claude Code CX Codex Cursor +1 2,700installs screenshot nexu-io skill Captures app windows or pixel regions across operating systems. Useful for bug reports and design reviews. Claude Code CX Codex Cursor +1 2,700installs figma-generate-design nexu-io skill Build or update Figma screens from app code or a written description, using design system components and tokens. Useful when an app page needs a Figma counterpart. Claude Code CX Codex Cursor +1 2,700installs digits-fintech-swiss-template nexu-io skill A fintech deck template on a Swiss grid: black, warm paper, neon-lime accents. Three slides with bold numeric cards and keyboard navigation, all in one HTML file. Claude Code CX Codex Cursor +1 2,700installs full-page-screenshot nexu-io skill This skill captures full-page screenshots of web pages using Chrome DevTools Protocol with no external dependencies. Handy for portfolios, case studies, and audit reports. Claude Code CX Codex Cursor +1 2,700installs artifacts-builder nexu-io skill A skill designed for generating multi-component claude.ai HTML artifacts. It uses React and Tailwind CSS alongside shadcn/ui components. Claude Code CX Codex Cursor +1 2,700installs minimax-pdf nexu-io skill Generates, fills, and reformats PDFs with a token-based design system and 15 cover styles. Useful for branded PDFs, e-guides, and reports. Claude Code CX Codex Cursor +1 2,700installs gsap-framer-scroll-animation official Utkarsh Patrikar skill This skill helps GitHub Copilot build scroll-driven motion with GSAP ScrollTrigger and Framer Motion. Use it for vanilla JS, React, or Next.js work. GitHub Copilot 3,900installs design-motion-principles kylezantos skill Builds or audits UI motion with rules based on project context and interaction frequency. Use it for transitions, hover states, and micro-interactions. Claude Code CX Codex Cursor +1 12,600installs argent-lens software-mansion skill Visual variant staging for UI elements in a native preview window. Stages design options on a simulator so you can pick the winner. Claude Code CX Codex Cursor +1 22,400installs magic-ui magicuidesign skill The magic-ui skill teaches Claude Code to work with Magic UI components in React and Next.js: select animations, install via shadcn registry, and check accessibility. Claude Code CX Codex Cursor +1 1,200installs pptx-generator MiniMax-AI skill A skill to read, edit, and build PowerPoint decks from scratch using PptxGenJS and XML workflows. Useful when generating presentations from code or extracting slide text. Claude Code CX Codex Cursor +1 6,000installs impeccable-design-polish nexu-io skill Polishes existing HTML pages by removing generic AI styling cues, fixing mobile layout bugs, and tightening accessibility. Claude Code CX Codex Cursor +1 2,500installs material-ui-theming mui skill Skill for building and managing Material UI themes: palettes, color schemes, CSS variables, light/dark switching, and TypeScript augmentation. Use it when designing your app's visual system or implementing theme customization. Claude Code CX Codex Cursor +1 604installs ip-as-logo s1dashu skill This skill creates simple square character images for logos and product visuals. Use it when you need a clear silhouette and several candidates to compare. Claude Code CX Codex Cursor +1 3,400installs diagram-generator zhaoxuya520 skill Generates, checks, and renders diagrams from text, code, schemas, and tables. Useful for architecture views, process maps, and UML models. Claude Code CX Codex Cursor +1 1,300installs antislop-ui miqdadbadjuber skill A UI and visual skill for reviewing color, layout, components, and motion. Use it when building or editing a website, web app, or other interface. Claude Code CX Codex Cursor +1 6,300installs weread-year-in-review-video-template nexu-io skill Creates a vertical 9:16 HTML video for WeRead-style annual reading reports: stats, notes, keywords, and a reading persona card. Claude Code CX Codex Cursor +1 2,400installs pexo-agent pexoai skill This skill creates finished multi-shot videos from text, images, URLs, scripts, or audio. Use it for product ads, short videos, and explainers. Claude Code CX Codex Cursor +1 40,400installs emilkowalski-motion nexu-io skill Adds micro-interactions, state transitions and motion to an existing interface. Use it after the layout or component is already built. Claude Code CX Codex Cursor +1 2,300installs canva-creator official anthropics skill Executes marketing campaigns from an approved content brief: builds the schedule, generates Canva graphics for social posts, writes copy, and stages sends in HubSpot. Claude Code CX Codex Cursor +1 1,900installs diagram-maker openclaw skill This skill turns descriptions of concepts, architecture, and processes into SVG/HTML or Excalidraw diagrams. Use it when a visual file is clearer than prose. Claude Code CX Codex Cursor +1 502installs antislop-human miqdadbadjuber skill An accessibility skill for AI agents that checks UI contrast, keyboard focus, and control states. Ships with a WCAG AA contrast checker script. Claude Code CX Codex Cursor +1 5,800installs antislop-layoutmobile miqdadbadjuber skill A skill for responsive layouts across phone and desktop widths. It checks breakpoints, reflow, grids, overflow, sizing, tap targets, and navigation. Claude Code CX Codex Cursor +1 5,700installs research-decision-room nexu-io skill Turns messy interview notes, support tickets, and surveys into a single interactive HTML decision room without fabricating certainty. Claude Code CX Codex Cursor +1 2,100installs mobile-design sickn33 skill Reviews and guides iOS, Android, React Native, and Flutter interfaces for touch targets, offline handling, and rendering performance. Claude Code CX Codex Cursor +1 3,700installs claude-design BadTechBandit skill Skill for building HTML artifacts — landing pages, prototypes, decks — in Claude Code, Codex and Cursor. Reads project context and produces a self-contained file with markup and styles. Claude Code CX Codex Cursor +1 645installs ecommerce-image-workflow nexu-io skill Turns a product reference photo into a compact ecommerce image set: main packshot on white, feature detail close-up, and lifestyle scene while preserving exact color, shape, and logo. Claude Code CX Codex Cursor +1 2,000installs uncodixfy cyxzdev skill Teaches the agent to skip the default Codex aesthetic: soft gradients, floating panels, decorative copy. Use it when generated frontend looks too much like a template. Claude Code CX Codex Cursor +1 5,600installs ui-ux-pro-max AThevon skill Generates design systems, palettes, and typography pairs across 22 stacks using a local rule dataset. Helps with UI scaffolding and accessibility checks. Claude Code CX Codex Cursor +1 947installs

241–280 of 498

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