NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
seo-image-gen skill Generates OG images, blog heroes, product photos, and infographics through Gemini. Use it when an SEO asset needs to be created from an agent workflow.
CX Codex +1
6,100installs
shadcn-ui skill This skill helps an agent build structured, accessible UI components with shadcn/ui. Use it while planning an interface with the Stitch design loop.
CX Codex +1
2,900installs
swiftui-design skill A skill that guides SwiftUI interface design by clear rules, avoiding typical AI-code mistakes. Directs design decisions, validates brand assets, and reviews layouts across five dimensions.
CX Codex +1
2,900installs
pptx-generator skill Creates and edits PowerPoint presentations from scratch with PptxGenJS and MiniMax's pipeline. Useful when you need the agent to generate slide decks.
CX Codex +1
2,900installs
plan-design-review skill The skill rates each design dimension from 0-10, explains what a 10 looks like, and flags AI Slop signals. Run it before merging UI work.
CX Codex +1
2,900installs
flutter-animating-apps skill Implements animations and transitions in Flutter apps. Useful for crafting native iOS and Android motion design.
CX Codex +1
2,900installs
canvas-design skill Create posters, illustrations, and other static artwork as PNG or PDF. Use the skill when an agent needs to make a visual piece from a prompt.
CX Codex +1
2,900installs
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.
CX Codex +1
2,900installs
ui-skills skill Opinionated UI constraints to guide agents building user interfaces. It keeps generated components cohesive across a codebase.
CX Codex +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.
CX Codex +1
2,900installs
color-expert skill A skill with 286K words of reference material on OKLCH, palette generation, contrast and pigment mixing. Useful when you build a theme or check color accessibility.
CX Codex +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.
CX Codex +1
3,000installs
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.
CX Codex
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.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +1
2,800installs
imagen skill This skill uses Google Gemini's image generation API to create UI mockups, icons, illustrations, and other visual assets.
CX Codex +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.
CX Codex +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.
CX Codex +1
2,800installs
enhance-prompt skill Rewrites your agent requests using design specs and UI/UX vocabulary. Handy when you ask for an interface and want a clearer result.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +1
2,800installs
brainstorming skill Turns a rough idea into a full design through structured questioning and alternative exploration. Useful early in concept work.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +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.
CX Codex +1
2,800installs
nanobanana-ppt skill Turns a document into a slide deck, using the NanoBanana stack to generate styled images alongside the structured output.
CX Codex +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.
CX Codex +1
2,800installs
web-artifacts-builder skill Builds HTML artifacts for claude.ai with React and Tailwind — Anthropic's reference workflow for embeddable interfaces.
CX Codex +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.
CX Codex +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.
CX Codex +1
2,900installs
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.
CX Codex +1
7,400installs
venice-video skill Connects video generation and transcription workflows via the Venice.ai API to your coding agent. Useful when planning automated media tasks.
CX Codex +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.
CX Codex +1
2,700installs
pixelbin-media skill A skill for generating and editing images and videos through Pixelbin and building website pages from them. Useful when your agent needs media mid-task.
CX Codex +1
2,700installs
201–240 of 2,133
