NeVibeCode · 2,133 items
Skills for Design
Skills for Design: what each one does, an install command and example prompts.
slidewright skill Turns a talk into a website of slides meant for a projector, with one presenter driving. Pick a single HTML file or a Vite + React project.
CX Codex +1
★ 88repo stars
design-thinking skill Walks a project through Empathize, Define, Ideate, Prototype and Test while keeping every claim about users tied to real evidence. Useful when churn or unmet needs have no clear cause.
CX Codex +1
★ 88repo stars
remember-design-system skill Builds a repository-specific brief before interface work, covering tokens, components, routes, conventions, and checks. Use it before building or refactoring UI code.
CX Codex +1
★ 49repo stars
enforce-design-ci skill Adds a design-quality gate to pull requests that runs without an LLM: accessibility, tokens, component structure, responsive layout. Catches regressions before review.
CX Codex +1
★ 49repo stars
build-swiftui-interface skill Guides coding agents through SwiftUI interface design and verification on iOS and macOS. Enforces accessibility, state handling, and Xcode test checks.
CX Codex +1
★ 49repo stars
audit-frontend-design skill Audits React and Next.js interfaces against the source tree and ties findings to files. Use it before changing UI so proposed fixes have code evidence.
CX Codex +1
★ 49repo stars
design-workflow skill This skill guides UI prototyping and design reviews around a project’s existing design system. Use it when building components, screens, or responsive layouts.
CX Codex +1
★ 109repo stars
design-intelligence skill Bootstraps a design system from scratch: palette, type scale, spacing, radii and a component inventory in three formats.
CX Codex +1
★ 109repo stars
elicitation skill Guides conversational profiling and deep user interviews using narrative psychology and the OARS framework. Useful for user research and bots.
CX Codex +1
★ 27repo stars
vertical-onboarding skill Guides the design of first-run workflows and data import for switching SMB customers away from legacy software. Keeps time-to-first-value under minutes.
CX Codex +1
★ 107repo stars
ui-ux-pro-max skill Plan and review web or mobile interfaces with design references for styles, color, typography, accessibility, and UX checks.
CX Codex +1
★ 107repo stars
committed-aesthetic skill Replaces vague design catalogues with testable rules for coding agents. Helps build distinct interfaces from scratch without falling into generic AI layouts.
CX Codex +1
★ 107repo stars
anydesign skill Analyzes images, websites, and Figma files, then creates design.md with design tokens, components, and reconstruction notes. For a single element, it produces element.md.
CX Codex +1
★ 107repo stars
aesthetic-instrument skill Defines twelve rigid interface rules for technical dashboards: a five-step dark ladder, a green accent, and Geist typography. Built for great_cto surfaces and reports.
CX Codex +1
★ 107repo stars
ui-ux-design-principles skill A canon for user-experience decisions: a review checklist, hard rules and reference notes. Useful when you build a surface or review someone else's.
CX Codex +1
★ 36repo stars
suede-paywalls skill Designs in-product upgrade prompts and paywall screens, with rules for when to show them. Use it when users have already experienced value and may be ready to pay.
CX Codex +1
★ 126repo stars
suede-image skill This skill walks through producing marketing images: heroes, banners, Open Graph previews, mockups taken from the real UI. Useful when a picture has to fit a specific placement.
CX Codex +1
★ 126repo stars
suede-design skill A design skill for AI coding agents that aims at interfaces which read as deliberate rather than templated, covering tokens, type, dark mode and visual QA.
CX Codex +1
★ 126repo stars
sdk-dx skill This skill offers guidance on SDK APIs, types, IDE autocomplete, and actionable errors. Use it when designing a client library or reviewing an existing one.
CX Codex +1
★ 87repo stars
developer-signup-flow skill Designs low-friction developer onboarding flows with GitHub OAuth and instant API keys. Cuts unnecessary fields to keep signup under 60 seconds.
CX Codex +1
★ 87repo stars
reddit-launch-video skill This skill creates a 1:1 or 4:5 Reddit launch video with HyperFrames and shapes the message around selected subreddits. It supports organic posting or a Reddit Ads handoff.
CX Codex +1
★ 111repo stars
brand-kit skill Writes a brand-kit.json holding your product's colors, type and voice so other skills can read them. Useful when the site's source code isn't at hand.
CX Codex +1
★ 111repo stars
customer-empathy skill Question framework to explore user journeys before writing code. Helps eliminate friction and get users to core value without unneeded features.
CX Codex +1
★ 31repo stars
go-interface-design skill This skill guides Go interface design, package decoupling, and compile-time contract checks. Use it when shaping dependencies or refactoring code for testability.
CX Codex +1
★ 83repo stars
vibe-coding-advisor skill Injects relevant UX principles into your AI coding session before you generate UI components.
CX Codex +1
★ 26repo stars
uxui-evaluator skill This skill reviews interface descriptions against UX/UI principles and returns structured findings. Use it before building a screen or user flow.
CX Codex +1
★ 26repo stars
interface-auditor skill Reads an interface description and flags UX antipatterns, rating severity and returning fix steps as JSON.
CX Codex +1
★ 26repo stars
flow-checker skill Audits UX flows before wireframing and before production release. Catches friction in onboarding, forms, pricing tables, dashboards, and empty states.
CX Codex +1
★ 26repo stars
ai-interface-reviewer skill This skill reviews AI-powered interfaces against a 44-principle taxonomy and returns structured findings with severity and remediation. Use it to assess chat, copilot features, or agent workflows.
CX Codex +1
★ 26repo stars
course-designer skill Plans a university course from learning outcomes through assessment and scheduling to the syllabus. Use it to build a course or revise an existing one.
CX Codex +1
★ 41repo stars
adhd skill This skill sends one open-ended problem through several thinking frames and model backends. Use it to explore architecture, API design, naming, schemas, or bugs with no known cause.
CX Codex +1
★ 23repo stars
transparent-cutout-cleanup skill Removes halos, fringes, and leftover background pixels from AI sprites to produce clean straight-alpha cutouts.
CX Codex +1
★ 41repo stars
spritesheet-atlas-packing skill Packs individual isometric sprites into a power-of-two texture atlas and emits a frame coordinate JSON map.
CX Codex +1
★ 41repo stars
seamless-isometric-terrain skill This skill helps generate isometric terrain tiles in ComfyUI and assemble maps without visible gaps, edge mismatches, or color drift.
CX Codex +1
★ 41repo stars
isometric-object-sprites skill Creates isolated 2:1 isometric game props like trees and rocks with matching scale, contact shadows, and defined tile ground anchors.
CX Codex +1
★ 41repo stars
isometric-building-sprites skill Generates isometric building sprites locked to a specific tile footprint. Keeps depth sorting intact so characters walk around buildings naturally.
CX Codex +1
★ 41repo stars
game-design-review skill This skill reviews a game design document for conflicting sections, mechanics detached from the game’s pillars, and gaps that could hinder implementation.
CX Codex +1
★ 47repo stars
game-ux-designer skill This skill helps shape game interfaces, onboarding, HUDs, and player feedback. Use it when working through menu usability or controller navigation.
CX Codex +1
★ 47repo stars
game-economy-designer skill Designs game economies, models currency faucets and sinks, balances F2P monetization, and structures battle passes.
CX Codex +1
★ 47repo stars
game-designer skill Use this skill to shape game mechanics, loops, balance, and progression. It can help turn a system idea into a structured GDD.
CX Codex +1
★ 47repo stars
2,081–2,120 of 2,133
