NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
horizontal-scroll-scenes skill A skill for chapters that travel left to right while the reader scrolls down. One pure function turns scrollY into scene, dwell and move.
CX Codex +1
367installs
amazon-listing-images skill Plans the visuals for an Amazon product listing: shot list, infographics, lifestyle scenes and mobile-first layout.
CX Codex +1
1,400installs
transpose skill Rethinks an experience for a new platform instead of shrinking it: interaction model, information priority and user context all change.
CX Codex +1
2,700installs
philosopher skill Puts the agent into a wide-association mode so it sits with a design problem before rushing to solve it.
CX Codex +1
2,700installs
measure skill Defines and tracks UX metrics, experimentation frameworks, and counter-metrics. It helps teams connect design work to verifiable outcomes without metric gaming.
CX Codex +1
2,700installs
vox-explainer skill Turn a sourced explainer script into a short documentary-style video, built in HTML and exported as MP4. Useful for motion graphics made without a video generator.
CX Codex +1
1,500installs
motion-effects skill Builds one of 16 motion effects in your own brand as a single 8-second looping HTML file that exports frame-exact to MP4 or GIF.
CX Codex +1
1,500installs
meshy-3d-generation skill Generates 3D models, textures meshes, and handles rigging via Meshy CLI 0.4.3. Useful when integrating ready-to-use GLB assets into your project workspace.
CX Codex +1
2,300installs
macos-settings-ui skill Builds a native macOS settings window in SwiftUI: sidebar, grouped Form panes and liquid glass window chrome for macOS 26.
CX Codex +1
650installs
behavioural-analytics skill A skill that reads funnels, retention curves and event data the way a designer must: to locate a problem, not to prove one. Useful when you inherit data you did not instrument.
CX Codex +1
625installs
remotion-video skill A skill for building MP4, GIF and WebM videos in React, where every frame is a pure function of useCurrentFrame, so renders stay deterministic.
CX Codex +1
2,600installs
design-audit skill Scans frontend codebases for accessibility flaws, motion bugs, and AI design tells. Runs static checks and stacks checklists before shipping.
CX Codex +1
1,000installs
css-native skill A skill that tells your coding agent when plain CSS is enough for animations and visual effects, and when to reach for a library.
CX Codex +1
1,100installs
gsap skill This skill helps an agent write GSAP animations with timelines, staggered effects, and ScrollTrigger. Use it for complex motion and scroll-linked scenes.
CX Codex +1
997installs
canvas-generative skill A skill for algorithmic graphics on Canvas 2D: particles, flow fields, noise, fractals and L-systems. Useful when you need a browser animation or a generative still.
CX Codex +1
995installs
llm-icon-finder skill This skill finds icon URLs for AI models and providers in the lobe-icons library and can download them as SVG, PNG or WEBP.
CX Codex +1
952installs
qual-quant-triangulation skill Reconciles contradictions between telemetry dashboards and qualitative user interviews. It pinpoints why the data diverges and designs a focused study to settle the dispute.
CX Codex +1
617installs
framer-motion skill Guides coding agents on Framer Motion and Motion patterns in React: layout transitions, gestures, and DOM-direct motion values.
CX Codex +1
990installs
desktop-principles skill A skill with desktop UX rules: hover states, pointer precision, keyboard shortcuts, multi-window patterns. Useful when the interface targets macOS, Windows or Linux.
CX Codex +1
982installs
ios-development skill An iOS development skill: Swift code review, UI checks against Apple HIG, accessibility audits and app planning.
CX Codex +1
821installs
mobile-principles skill A rule set for mobile interfaces: tap target sizes, no-hover doctrine, thumb zones, safe areas and gestures. Loads when the agent detects a mobile platform.
CX Codex +1
974installs
ios-accessibility skill A skill that gives your coding agent solid iOS accessibility guidance: VoiceOver, Dynamic Type, Switch Control and how to test them.
CX Codex +1
911installs
qt-ui-design skill A skill that walks an AI agent through designing or auditing interfaces for Qt/QML apps, the web and embedded panels: layout, navigation, contrast, hit targets.
CX Codex +1
1,100installs
interface-kit skill A skill that gives the agent a working order for interface code: accessibility first, then type, grid, color, motion. Useful when you build a component or landing page and want it to look deliberate.
CX Codex +1
2,200installs
onboarding-ux skill This skill walks your app as a first-time user, finds where they get stuck, and writes the copy plus code for empty states, hints and welcome screens.
CX Codex +1
1,100installs
ui-craft skill A design and implementation skill for interfaces: it inspects the project first, then writes code. Built to kill the generic AI look.
CX Codex +1
1,400installs
ui-mobile skill Gives the agent hard rules for mobile interfaces: 44×44 touch targets, WCAG 2.1 AA contrast, visible button boundaries.
CX Codex +1
1,200installs
model-showdown skill Runs a fair motion graphics comparison across three AI models on one brief. Produces a 16:9 side-by-side or a 1080x1920 stacked reel.
CX Codex +1
1,400installs
newsletter-promo skill Turns one newsletter edition into a 12–20 second promo clip for LinkedIn, Instagram or X: a hook, three proof frames and an end card.
CX Codex +1
1,400installs
milestone-reveal skill Builds a 12-second looping clip where thousands of points drift, then pull together into your actual follower, revenue or customer count.
CX Codex +1
1,400installs
loop-cover skill Converts newsletter and blog covers into looping 896x640 GIFs across 180 frames. It animates a single chosen detail while keeping the loop jump-free.
CX Codex +1
1,400installs
apple-launch-film skill Builds an Apple-style Mac launch film entirely in code: menu bar, notch, widgets and gradient wallpapers. Useful when you need a launch video without screen recording or After Effects.
CX Codex +1
1,500installs
animated-chart skill Turns a set of numbers into one looping animated chart, coded as a single HTML file, then exports it as MP4 and GIF. Handy for a LinkedIn post or a newsletter.
CX Codex +1
1,400installs
title-sequence-3d skill Creates cinematic 3D title sequences in code using Three.js and Claude Code. Best for scroll-stopping video intros, social hooks, or newsletter openers.
CX Codex +1
1,500installs
brand-intake skill A setup skill that interviews you and reads 3 to 5 reference frames, then writes brand.md and MOTION.md — the files every other skill in the pack pulls colours, type and timing from.
CX Codex +1
1,500installs
motion-brief-writer skill Turns a rough idea for an animated graphic into a precise build prompt for Claude. Asks for what's missing and never invents a number.
CX Codex +1
1,500installs
launch-video skill Builds 30-45 second product launch promo videos as self-contained HTML files with deterministic frame seeking for MP4 export. Useful for SaaS launches and course announcements.
CX Codex +1
1,500installs
ux-designer skill A skill for reviewing and building interfaces: it checks accessibility, screen states and microcopy, and supplies the numbers for spacing and contrast.
CX Codex +1
1,600installs
swiftui-graphics skill A skill for advanced SwiftUI visuals: Metal shaders, .visualEffect, iOS 26 Liquid Glass and Canvas. Useful once built-in modifiers stop being enough.
CX Codex +1
939installs
compose-graphics skill A skill for advanced Jetpack Compose visuals: Material 3 Expressive spring physics, AGSL shaders, Canvas drawing and graphicsLayer effects.
CX Codex +1
937installs
1,041–1,080 of 2,133
