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.
paywall-upgrade-cro 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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