NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
wpds skill Applies official WordPress Design System tokens, typography, and component patterns to themes and sites.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +1
2,700installs
figma-create-new-file skill Creates a blank Figma Design or FigJam file. Handy as the opening step when a design-system or workshop flow runs from a script.
CX Codex +1
2,700installs
replicate skill Discovers, compares, and runs AI models through Replicate's API for image and video generation pipelines.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +1
2,700installs
fal-video-edit skill Use fal-video-edit to remix a video’s style, upscale it, remove its background, or add audio with fal.ai-hosted video models.
CX Codex +1
2,700installs
figma-generate-library skill Builds or updates a Figma design system library directly from your codebase. It keeps design files in sync with shipped components.
CX Codex +1
2,700installs
fal-restore skill Skill to restore image quality: removes blur and noise, fixes faces, restores old documents via fal.ai API.
CX Codex +1
2,700installs
fal-tryon skill Virtual try-on for fitting clothes onto person images via fal.ai models. Helps ecommerce stores generate lookbooks and test styling.
CX Codex +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.
CX Codex +1
2,700installs
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.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +1
2,700installs
image-enhancer skill Improves images and screenshots: higher resolution, more sharpness, cleaner detail. Useful when shots go into a deck or docs.
CX Codex +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.
CX Codex +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.
CX Codex +1
2,700installs
screenshot skill Captures app windows or pixel regions across operating systems. Useful for bug reports and design reviews.
CX Codex +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.
CX Codex +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.
CX Codex +1
2,800installs
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.
CX Codex +1
2,800installs
artifacts-builder skill A skill designed for generating multi-component claude.ai HTML artifacts. It uses React and Tailwind CSS alongside shadcn/ui components.
CX Codex +1
2,800installs
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.
CX Codex +1
2,800installs
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.
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.
CX Codex +1
12,800installs
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.
CX Codex +1
22,500installs
apple-design skill Reviews app interfaces against Apple’s design guidance and helps spot issues in mockups, screenshots, and UI code. Useful for accessibility checks, navigation, and dark-mode reviews.
CX Codex +1
9,300installs
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.
CX Codex +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.
CX Codex +1
6,000installs
impeccable-design-polish skill Polishes existing HTML pages by removing generic AI styling cues, fixing mobile layout bugs, and tightening accessibility.
CX Codex +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.
CX Codex +1
607installs
241–280 of 2,133
