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.
pptx skill A skill for working with PowerPoint slides in your code editor. Read existing decks, generate new ones, and edit layouts — for executive presentations, training material, and product reviews.
Claude Code CX Codex Cursor +1
2,900installs
ui-skills skill Opinionated UI constraints to guide agents building user interfaces. It keeps generated components cohesive across a codebase.
Claude Code CX Codex Cursor +1
2,900installs
brand-guidelines skill This skill applies Anthropic’s brand colors and typography to artifacts. Use it when a project needs a consistent visual identity or a design reference.
Claude Code CX Codex Cursor +1
2,900installs
pdf skill Extracts text, creates PDF documents, and fills out forms. Helps produce press releases, branded one-pagers, and printable design deliverables.
Claude Code CX Codex Cursor +1
2,900installs
event-store-design skill This skill guides event store design for event-sourced systems and helps compare storage technologies. Use it when building event persistence infrastructure or choosing a store.
Claude Code CX Codex Cursor
10,800installs
algorithmic-art skill Creates generative graphics using p5.js with seeded randomness for reproducible renders. Useful for procedural posters and motion-style frame studies.
Claude Code CX Codex Cursor +1
2,800installs
screenshots-marketing skill Generates marketing screenshots with Playwright for landing-page hero shots, App Store pages, and changelog visuals. Use it when an interface image needs to be prepared for release.
Claude Code CX Codex Cursor +1
2,800installs
html-ppt-retro-quarterly-review skill A quarterly review template in bold blue-and-orange editorial style: three cinematic slides with slab headlines and a cream paper feel. No frameworks, one self-contained HTML file.
Claude Code CX Codex Cursor +1
2,800installs
field-notes-editorial-template skill Generates a magazine-style editorial business report in a single HTML file. Useful for board memos and clean data storytelling.
Claude Code CX Codex Cursor +1
2,800installs
imagen skill This skill uses Google Gemini's image generation API to create UI mockups, icons, illustrations, and other visual assets.
Claude Code CX Codex Cursor +1
2,800installs
fal-3d skill Skill for creating 3D models from text or images via fal.ai. Useful for game assets, AR previews, product mockups, and concept sculpting.
Claude Code CX Codex Cursor +1
2,800installs
login-flow skill Builds a standalone HTML prototype for a mobile app sign-in flow. Use it to shape phone, password, or social login screens with loading and error states.
Claude Code CX Codex Cursor +1
2,800installs
shader-dev skill Provides GLSL shader techniques for ray marching, fluid simulation, and procedural graphics. Helps coding agents generate visuals and motion stills for hero sections.
Claude Code CX Codex Cursor +1
2,800installs
figma-implement-design skill This skill guides an agent in turning a Figma design into code that matches the layout. Use it to hand a Figma frame to a frontend agent.
Claude Code CX Codex Cursor +1
2,800installs
after-hours-editorial-template skill Generates luxury dark editorial presentations with haute-couture typography and cinematic transitions. Built for fashion lookbooks and premium brand pitches.
Claude Code CX Codex Cursor +1
2,800installs
platform-design skill Brings 300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 into your coding agent for building cross-platform apps on iOS, Android, and web.
Claude Code CX Codex Cursor +1
2,800installs
brainstorming skill Turns a rough idea into a full design through structured questioning and alternative exploration. Useful early in concept work.
Claude Code CX Codex Cursor +1
2,800installs
fal-lip-sync skill Generates talking head videos and syncs audio to lip movements via fal.ai. Helps with explainer avatars and dubbing previews.
Claude Code CX Codex Cursor +1
2,800installs
design-consultation skill Builds a design system from scratch with bold visual directions and realistic product mockups. Useful for kickoff workshops and brand-from-zero work.
Claude Code CX Codex Cursor +1
2,800installs
theme-factory skill A skill with 10 preset themes for styling artifacts: slides, docs, reports, HTML landing pages. Use it when you need a professional look without manual design work.
Claude Code CX Codex Cursor +1
2,800installs
hand-drawn-diagrams skill Generates hand-drawn Excalidraw diagrams from plain text prompts. It outputs animated SVGs, PNG exports, and hosted links for editing.
Claude Code CX Codex Cursor +1
2,800installs
frontend-dev skill Skill for building modern frontends with smooth animations, AI-generated content via MiniMax API, and generative art. Works for hero pages and showcase sites.
Claude Code CX Codex Cursor +1
2,800installs
8-bit-orbit-video-template skill This skill provides a retro 8-bit video template for Hyperframes. Use it to build a multi-scene HTML composition with transitions and an interactive preview.
Claude Code CX Codex Cursor +1
2,800installs
web-artifacts-builder skill Builds HTML artifacts for claude.ai with React and Tailwind — Anthropic's reference workflow for embeddable interfaces.
Claude Code CX Codex Cursor +1
2,800installs
frontend-slides skill Generates animation-rich HTML presentations with visual style previews. Handy for online keynotes, interactive briefs, and embedded slide decks.
Claude Code CX Codex Cursor +1
2,800installs
slides skill A skill for creating and editing .pptx presentations with PptxGenJS. Ideal for sales decks, kickoff briefs, and design-system showcases.
Claude Code CX Codex Cursor +1
2,800installs
answer-me-with-html skill This skill turns selected answers into one-page HTML explainers. Use it to show a flow, compare options, or lay out findings from an investigation.
Claude Code CX Codex Cursor +1
5,200installs
antislop skill A rule-based filter for generic AI output in interfaces and code. Use it when an agent needs explicit checks for UI, copy, accessibility, or mobile layout.
Claude Code CX Codex Cursor +1
7,300installs
venice-video skill Connects video generation and transcription workflows via the Venice.ai API to your coding agent. Useful when planning automated media tasks.
Claude Code CX Codex Cursor +1
2,700installs
slack-gif-creator skill Creates animated GIFs for Slack and checks size constraints. Use it when an agent needs to prepare a reaction GIF or a short animation.
Claude Code CX Codex Cursor +1
2,700installs
wpds skill Applies official WordPress Design System tokens, typography, and component patterns to themes and sites.
Claude Code CX Codex Cursor +1
2,700installs
fal-realtime skill Generate images through fal.ai in real time or as a stream. Use the skill to explore moodboard directions and draft variations.
Claude Code CX Codex Cursor +1
2,700installs
venice-image-generate skill Connects agent workflows to Venice AI image generation endpoints and styles. It helps generate visual assets directly from developer prompts.
Claude Code CX Codex Cursor +1
2,700installs
fal-kling-o3 skill Generate images and videos with Kling O3 through fal.ai. Use the skill when an agent needs to create visual assets from a request.
Claude Code CX Codex Cursor +1
2,700installs
replicate skill Discovers, compares, and runs AI models through Replicate's API for image and video generation pipelines.
Claude Code CX Codex Cursor +1
2,700installs
figma-code-connect-components skill Links Figma design components to code components through Code Connect. Use it when design-system changes need to flow into the codebase.
Claude Code CX Codex Cursor +1
2,700installs
stitch-loop skill A skill that runs an iterative feedback cycle between design and code: critique the layout → fix the code → verify fidelity. Use it when you need to tighten UI against a design brief across multiple passes.
Claude Code CX Codex Cursor +1
2,700installs
gif-sticker-maker skill Converts user photos into animated GIF stickers styled after Funko Pop and Pop Mart figurines via the MiniMax API. Useful for creating custom avatar packs.
Claude Code CX Codex Cursor +1
2,700installs
fal-restore skill Skill to restore image quality: removes blur and noise, fixes faces, restores old documents via fal.ai API.
Claude Code CX Codex Cursor +1
2,700installs
venice-image-edit skill This skill edits images, upscales them, and removes backgrounds through the Venice.ai API. Use it when an agent needs image-processing actions.
Claude Code CX Codex Cursor +1
2,700installs
201–240 of 498