NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
fal-assets skill Generates sprites, tileable textures, 3D models, SFX, and music via fal. Built for modders and game developers who need ready-to-use visual and audio assets directly in their workspace.
CX Codex +1
1,400installs
ios-hig-design skill Skill guides you through designing native iOS interfaces that follow Apple's Human Interface Guidelines. Use it when you're building an iPhone or iPad app and want it to feel at home on the platform.
CX Codex +1
8,200installs
tailwind-4 skill A skill that sets how the agent styles with Tailwind CSS 4: which classes go in className, when to use style, and when to build classes with cn().
CX Codex +1
612installs
transitions-ui-generation skill Add an animation that makes a page element look like an agent is building it. Use it to present generated UI, headlines, or images.
CX Codex +1
1,100installs
threejs-game-ui-designer skill Skill for designing game UIs in Three.js: HUDs, menus, pause and win screens, responsive layout for mobile and desktop. Prevents overlaps, ensures readability, and keeps UI cohesive with game style.
CX Codex +1
3,300installs
hairline-adopt skill Rebuilds an icon or logo from an SVG into an isometric line figure on the @lucasmarkes/hairline engine, with a gesture that answers the pointer.
CX Codex +1
1,700installs
firecrawl-website-design-clone skill Extracts a live website's visual system into DESIGN.md: tokens, components, logo, fonts and palette.
CX Codex +1
33,100installs
goldie skill A skill that turns an iOS or Android app into store assets: it walks the app on a simulator, frames the screenshots and renders a preview video for App Store and Google Play.
CX Codex +1
1,300installs
cli-anything-krita skill Drives Krita from the command line: new projects, layer stacks, filters and export. Useful when an agent has to produce or convert artwork without opening the GUI.
CX Codex +1
511installs
top-design skill Directs AI coding agents to build Awwwards-style web experiences with dramatic typography, orchestrated scroll motion, and a 10-point scoring rubric.
CX Codex +1
7,100installs
display-glasses-with-jetpack-compose-glimmer skill Guidelines for building projected Android XR apps on display glasses with Jetpack Compose Glimmer: theming, focus and additive display behaviour.
CX Codex +1
1,500installs
remocn skill Finds and installs ready-made animations, transitions and UI parts for Remotion videos. Use it when assembling scenes from existing components.
CX Codex +1
1,700installs
html-wireframe skill Builds low-fidelity, self-contained HTML wireframes so you can test information hierarchy, navigation and task flow before any visual design happens.
CX Codex +1
1,800installs
html-prototype skill A skill that builds one self-contained HTML file: a static mockup or a working prototype with states, keyboard support and responsive layout. It exists to test an interface decision before code.
CX Codex +1
1,800installs
microinteractions skill A skill for designing microinteractions: trigger states, button feedback, loading indicators. Useful when the interface feels dead and nobody can say why.
CX Codex +1
6,700installs
scenes-gathered-zine-v1-3 skill Turns a supplied photo into a vertical 3:5 zine poster: truthful photography, a source-derived abstract illustration field, and a torn paper edge.
CX Codex +1
802installs
threejs-image-generator skill Generates and edits 2D game assets for Three.js using Google's Gemini image API. Prepares textures, UI art, and reference images for image-to-3D pipelines.
CX Codex +1
2,900installs
generative-ui skill Provides design system rules and templates for interactive HTML and SVG widgets. Useful when you need charts, diagrams, or calculators instead of plain text.
CX Codex +1
3,200installs
design-artifact skill Directs AI coding assistants to design clean HTML deliverables with thoughtful type and tokens instead of generic machine aesthetics.
CX Codex +1
1,700installs
user-story-mapping skill This skill turns a user journey into activities, steps, and tasks, then helps group work into releases. Use it to plan a workflow, backlog, or MVP.
CX Codex +1
2,700installs
lean-ux-canvas skill Facilitates Jeff Gothelf's Lean UX Canvas v2 to clarify business problems, surface assumptions, and design cheap experiments before coding.
CX Codex +1
2,700installs
principle-experience-first skill A principle skill that shifts priority toward the user when product, UX, or feature-scope tradeoffs come up. Useful when deciding what to cut.
CX Codex +1
5,100installs
hooked-ux skill Scores a product's engagement loop against the Hook Model and caps designs the Manipulation Matrix calls extractive. Useful when signups stop coming back.
CX Codex +1
6,200installs
wpds skill Feeds WordPress Design System docs to your agent through an MCP server, so UI work lands on real components and tokens instead of guesses.
CX Codex +1
4,000installs
problem-statement skill Turn a user’s obstacle into a concise problem statement that captures their goal, what gets in the way, and why it matters. Use it during discovery or while framing work for a PRD.
CX Codex +1
2,600installs
drawio skill Builds and edits draw.io diagrams through offline YAML specifications. Useful for architecture maps and network topologies without manual drag-and-drop.
CX Codex +1
8,500installs
clerk-custom-ui skill A Clerk skill that has the agent build custom sign-in and sign-up forms with hooks, or restyle the pre-built components to fit your brand.
CX Codex +1
55,200installs
visual-plan skill Turns a plain text plan into a document with diagrams, a file map and open questions you can comment on before the agent starts writing code.
CX Codex +1
1,300installs
influence-psychology skill Evaluates copy, onboarding flows, and interfaces against seven ethical persuasion principles to score designs on a 10-point scale.
CX Codex +1
5,800installs
design-everyday-things skill A skill that walks an interface through the principles of The Design of Everyday Things: affordances, signifiers, constraints, feedback. Useful when users get lost and you can't tell why.
CX Codex +1
5,600installs
videoagent-image-studio skill This skill provides one-command access to Midjourney, Flux, Ideogram, and five other image models without storing API keys. The agent picks the best model and handles Midjourney's async workflow automatically.
CX Codex +1
5,600installs
gpt-image-2 skill Generates and edits images via OpenAI GPT Image 2 on RunComfy. Embeds text, logos, and multilingual typography accurately — for e-commerce, ads, and UI mockups.
CX Codex +1
84,300installs
shaders skill A skill for WebGPU visuals: animated backgrounds, gradients, glass, distortion and particles from the shaders component library in React, Vue, Svelte, Solid or plain JS.
CX Codex +1
548installs
lean-ux skill Turns interface work into declared assumptions, testable hypotheses and the cheapest experiment that answers the question. Useful when specs grow faster than evidence.
CX Codex +1
5,500installs
logo-creator skill Generate logo concepts, compare them, then crop, remove the background, and export a selected design as SVG. Useful for brand marks, icons, and favicons.
CX Codex +1
3,200installs
beautify-github-readme skill Redesigns GitHub README pages or produces focused visual assets, from static SVG to PNG/WebP and opt-in GIFs.
CX Codex +1
1,200installs
proto-persona skill Build a working profile of a target user from research, market signals, and team knowledge. Use it to align early product decisions before deeper validation.
CX Codex +1
2,300installs
guizang-material-illustration skill Builds prompt plans and Guizang-style 3D illustrations from notes, articles, or chart screenshots. Useful when generating diagram assets for slides and social posts.
CX Codex +1
1,700installs
revenue-centric-design skill Guides SaaS and startup product design around conversion, retention, and monetization. Use it for landing pages, onboarding, pricing, or churn work.
CX Codex +1
2,000installs
bklit-ui skill Installs Bklit UI chart components into a React or Next.js app, then shows how to compose series, axes and tooltips without hand-rolled SVG.
CX Codex +1
1,200installs
441–480 of 2,133
