Skip to main content
NeVibeCode · 2,133 items

Skills for Design

Skills for Design: what each one does, an install command and example prompts.

daisyui bobmatnyc skill Supplies your coding assistant with daisyUI patterns, semantic classes for 50+ Tailwind CSS components, and built-in themes. CX Codex +1 903installs ios-design-system pproenca skill Governs SwiftUI design system engineering for iOS 26 and Swift 6.2. It organizes token tiers, asset catalogs, and DLS component styles for modular apps. CX Codex +1 311installs app-shell dembrandt skill Design guidelines for top bars, app switchers, tenant indicators, and status bars. It keeps navigation consistent across internal tools and customer portals. CX Codex +1 328installs codex-theme-creator codexthemes skill This skill builds a theme for the official Claude desktop app from a written brief or a reference image, checks it in the live app and packages it as a .codex-theme. CX Codex +1 1,300installs game-development dylantarre skill Applies Disney's 12 animation principles to Unity and Unreal Engine development. Helps generate frame data, hit-stop effects, and responsive player feedback. CX Codex +1 679installs don-norman-principles-audit mastepanoski skill Runs a UX review against Don Norman's seven design principles and returns a report with severity levels and fixes. CX Codex +1 366installs shadcn-layouts jwynia skill Teaches the agent the CSS models behind shadcn and Tailwind layouts, so height, scroll and flex/grid problems get fixed instead of guessed at. CX Codex +1 457installs page-transitions dylantarre skill A skill for animating route changes, view transitions and modal opens. It gives the agent timings and easing curves instead of guesswork. CX Codex +1 669installs visualize-data official Data Analytics Maintainers skill This skill designs, revises, and checks quantitative charts. Use it when an analytical answer needs a clear, defensible visual. CX Codex GP ChatGPT 11installs accessibility-and-inclusive-visualization official OpenAI skill A Claude and Claude skill that reviews charts, diagrams and dashboards for accessibility: contrast, labels, keyboard paths, text alternatives. CX Codex GP ChatGPT 11installs fitness-wellness dylantarre skill A skill that sets timing and easing for animations in fitness apps, workout trackers and meditation screens. Useful when motion has to motivate, not just move. CX Codex +1 663installs linkfox-multimodal-generate-image linkfox-ai skill Generates and edits product visuals using prompts and reference URLs. Useful for background replacement, model swapping, and catalog images. CX Codex +1 404installs image-batch-runner PostPlusAI skill Runs prepared image briefs and reference edits via the postplus CLI. Produces local files and run manifests for downstream review. CX Codex +1 1,000installs floor-plan-generation eachlabs skill Drafts architectural drawings, interior layouts, and 3D room renders from text descriptions using the each::sense API. CX Codex +1 911installs presentations dylantarre skill A skill for animation in Keynote, PowerPoint and Google Slides. It hands you timings, build order and transition choices. CX Codex +1 651installs maz-ui secondsky skill This skill teaches your agent Maz-UI v4: 50+ components, composables and directives for Vue 3 and Nuxt 3. Handy when you build forms, dialogs or data tables. CX Codex +1 369installs e-commerce-retail dylantarre skill A skill that maps Disney's 12 animation principles onto shopping interfaces: product cards, cart, checkout. Useful when the store should feel premium without slowing the buy. CX Codex +1 647installs educator-teacher dylantarre skill A skill for anyone building explainer videos: it maps Disney's 12 animation principles onto teaching tasks and adds pedagogy notes. CX Codex +1 644installs accessible-motion dylantarre skill This skill swaps harmful animations for safe alternatives and covers the WCAG motion criteria. Useful when your UI has parallax, zoom or infinite loops. CX Codex +1 642installs anime-js dylantarre skill A skill that gives your coding agent ready Anime.js recipes for all 12 Disney animation principles. CX Codex +1 639installs comic-panel-generation eachlabs skill This skill draws comic panels, strips, manga pages and webtoons through each::sense, and can restyle a photo into comic art. CX Codex +1 877installs remotion-animation ncklrs skill Builds timing constants, spring physics, and interpolation ranges for Remotion without creating UI components. CX Codex +1 441installs brand-color-psychology mike-coulbourn skill A reference framework for choosing brand palettes using behavioral context, archetype theory, and contrast requirements. It guides color role distribution and market differentiation. CX Codex +1 300installs emotional-narrative dylantarre skill A skill for animation work where motion has to carry feeling: character moments, dramatic beats, any shot the audience should care about. CX Codex +1 624installs gsap-awwwards-website rebyteai-template skill This skill scaffolds a product landing template built on React 19, GSAP scroll animations and Tailwind CSS 4. CX Codex +1 810installs eda-schematics l3wi skill Automates KiCad schematic creation, symbol placement, and net wiring. It organizes hierarchical sheets using datasheets and design constraints. CX Codex +1 491installs suggest-lucide-icons nweii skill Turns a concept, a UI spot or a screenshot into three verified Lucide icon names, then names the best one. No invented icons. CX Codex +1 616installs svg-art kv0906 skill A skill that generates SVG graphics through code: icons, patterns, fractals, charts and data visualizations via executable Python scripts. CX Codex +1 510installs audit official OpenAI skill Walks through product flows step by step, captures verified screenshots, and flags UX and accessibility issues in chat. CX Codex GP ChatGPT 10installs statistical-and-uncertainty-visualization official OpenAI skill Builds charts and dashboards that show spread, intervals and missing data instead of hiding them behind a single summary line. CX Codex GP ChatGPT 10installs healthcare-medical dylantarre skill Sets animation rules for medical apps, patient portals and telehealth: calm transitions instead of abrupt ones. CX Codex +1 606installs critique aladicf skill Evaluates interface designs from a UX angle, scoring hierarchy and cognitive load. Highlights AI slop patterns and clarifies user flows. CX Codex +1 705installs hover-interactions dylantarre skill A skill for mouse hover effects: button highlights, card lifts, link underlines, image zooms. Useful when an interface needs to respond to the pointer. CX Codex +1 604installs ui-ux-polish oakoss skill A skill that runs repeated polish passes on a working web app, treating desktop and mobile separately and checking accessibility along the way. CX Codex +1 539installs awesome-design-md wearescientist skill Picks a matching DESIGN.md style from a bundled library and applies it to frontend work: layout, color, type, spacing. CX Codex +1 666installs rhythm-pacing dylantarre skill A skill that helps the agent build scene rhythm: beats, rests, accelerations and slowdowns in animation. CX Codex +1 594installs flipoff-split-flap-display reason-machines skill A skill for building, restyling and embedding FlipOff, a framework-free split-flap board emulator that runs in any browser. CX Codex +1 849installs playfulness-fun dylantarre skill A skill for animations that entertain: exaggerated bounces, wiggles and springy easing. Useful for games, onboarding and empty states. CX Codex +1 594installs eda-pcb l3wi skill Automates component placement and PCB trace routing in KiCad from schematics and design rules. Helps guide board layout against manufacturing constraints. CX Codex +1 467installs abstract-strategy jwynia skill Helps design abstract board games with perfect information and zero randomness. Useful for tuning game mechanics, board topology, and turn balance. CX Codex +1 400installs

1,601–1,640 of 2,133

Narrow it down

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor