All categories
Design & UX
UI, UX, design systems, accessibility, visual design, and frontend polish
- 9,095
- 379
Security grades appear on each card once the skill has been scanned. Newly imported skills may briefly show without a grade until the backfill job runs.
Open in full browserBrowse design & ux skills
Showing 8,857–8,880 of 9,095 skills
- Excalidraw FlowchartCreate Excalidraw flowcharts from descriptions. Use when user asks to "create a flowchart", "draw a diagram", "visualize a process", "make a flow diagram", "architecture diagram", or discusses workflow/process visualization. Supports DSL, DOT/Graphviz, and JSON formats.Votes: 0GitHub stars: 651
- Streamer Bait DesignDesign games optimized for streaming and content creation. Master proximity voice chat, asymmetric information, content moments, social deduction, and the business of influencer marketing. Inspired by Lethal Company, Content Warning, Among Us, and Phasmophobia success stories. Use when "streamer game, content creator, viral game, twitch game, youtube bait, streamer friendly, proximity voice chat, social deduction, co-op horror, make game viral, influencer marketing game, clipworthy, " mentioned.Votes: 0GitHub stars: 137
- Pixel Art SpritesSpecialist in pixel art creation, sprite animation, and limited palette designUse when "pixel art, sprites, sprite sheet, sprite animation, retro game art, 8-bit, 16-bit, character sprites, tile art, pixel animation, aseprite, pixel-art, sprites, animation, game-art, retro, indie-games, 2d-graphics, sprite-sheets" mentioned.Votes: 0GitHub stars: 137
- Game Ui DesignWorld-class game UI design expertise combining the clarity of Nintendo's UI philosophy, the immersive diegetic interfaces of Dead Space and Metroid Prime, and the competitive readability principles from esports titles. Game UI is the invisible bridge between player intent and game response. Great game UI serves the player without breaking immersion. It communicates critical information at a glance during intense action, guides new players without patronizing veterans, and adapts gracefully f...Votes: 0GitHub stars: 137
- DesignMaster the AI tools that accelerate design work. From UI generation to image editing, create professional designs faster. Use when "design, UI, graphics, image editing, prototyping, design, ui, graphics, creative, visual" mentioned.Votes: 0GitHub stars: 137
- Creature DesignDesigning anatomically plausible, visually distinctive creatures that communicate threat, personality, and role through form - from terrifying bosses to collectible companionsUse when "creature design, design a creature, design a monster, monster design, boss design, enemy creature, companion creature, pet design, wildlife design, alien creature, fantasy creature, horror monster, cute creature, pokemon style, creature anatomy, creature silhouette, creature movement, hybrid animal, ecosystem c...Votes: 0GitHub stars: 137
- Art ConsistencyWorld-class character and art style consistency for AI-generated images and videos - ensures visual coherence across series, maintains character identity, and provides rigorous QA before deliveryUse when "character consistency, art style, same character, consistent character, visual continuity, series, turnaround sheet, character sheet, reference image, character bible, style guide, anime character, consistent look, face consistency, outfit consistency, lora training, ip-adapter, flux kontext...Votes: 0GitHub stars: 137
- Accessibility DesignWorld-class accessibility design expertise combining the inclusive design principles of Microsoft's Inclusive Design team, the technical rigor of the W3C WCAG working group, and the lived experience perspective of disability advocates. Accessibility is not a feature - it's a fundamental quality attribute that makes products usable by everyone. Great accessibility design is invisible to those who don't need it and essential to those who do. It benefits everyone: captions help in noisy environ...Votes: 0GitHub stars: 137
- 3d Web ExperienceExpert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when "3D website, three.js, WebGL, react three fiber, 3D experience, spline, product configurator, " mentioned.Votes: 0GitHub stars: 137
- Responsive DesignComprehensive guidelines for responsive web design including mobile-first approach, flexible layouts, media queries, and cross-device optimizationVotes: 0GitHub stars: 248
- HtmlGuidelines for semantic HTML markup, document structure, forms, accessibility attributes, and modern HTML best practicesVotes: 0GitHub stars: 248
- Accessibility A11yImplement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.Votes: 0GitHub stars: 248
- Scientific SchematicsCreate publication-quality scientific diagrams using Nano Banana Pro AI with smart iterative refinement. Uses Gemini 3 Pro for quality review. Only regenerates if quality is below threshold for your document type. Specialized in neural network architectures, system diagrams, flowcharts, biological pathways, and complex scientific visualizations.Votes: 0GitHub stars: 8
- SandboxVisual HTML canvas sandbox for agent-driven UI and live previewsVotes: 0GitHub stars: 2,496
- Tailwind V4 ShadcnProduction-tested setup for Tailwind v4 with shadcn/ui. Prevents 8 documented errors through a mandatory four-step architecture.Votes: 0GitHub stars: 11
- Tailwind Design SystemBuild production-ready component libraries with Tailwind CSS using CVA, compound components, design tokens, and theming.Votes: 0GitHub stars: 11
- Shadcn UiBuild accessible, customizable UIs with shadcn/ui, Radix UI, and Tailwind CSS. Use when setting up shadcn/ui, installing components, building forms with React Hook Form + Zod, customizing themes, or implementing component patterns.Votes: 0GitHub stars: 11
- Responsive DesignModern responsive CSS patterns using container queries, fluid typography, CSS Grid, and mobile-first strategies.Votes: 0GitHub stars: 11
- Ui Ux Pro MaxSearchable UI/UX design databases: 50+ styles, 97 palettes, 57 font pairings, 99 UX rules, 25 chart types. CLI generates design systems from natural language. Data-driven complement to ui-design.Votes: 0GitHub stars: 11
- Ui DesignComprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.Votes: 0GitHub stars: 11
- Theme FactoryCurated collection of professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Use when applying visual themes to presentations, generating themed content, or creating custom brand palettes. Triggers on theme, color palette, font pairing, slide styling, presentation theme, brand colors.Votes: 0GitHub stars: 11
- Loading State PatternsPatterns for skeleton loaders, shimmer effects, and loading states that match design system aesthetics. Covers skeleton components, shimmer animations, and progressive loading. Use when building polished loading experiences. Triggers on skeleton, loading state, shimmer, placeholder, loading animation.Votes: 0GitHub stars: 11
- Distinctive Design SystemsPatterns for creating design systems with personality and distinctive aesthetics. Covers aesthetic documentation, color token architecture, typography systems, layered surfaces, and motion. Use when building design systems that go beyond generic templates. Triggers on design system, design tokens, aesthetic, color palette, typography, CSS variables, tailwind config.Votes: 0GitHub stars: 11
- Design System PatternsFoundational design system architecture — token hierarchies, theming infrastructure, token pipelines, and governance. Use when creating design tokens, implementing theme switching, setting up Style Dictionary, or establishing multi-brand theming. Triggers on design tokens, theme provider, Style Dictionary, token pipeline, multi-brand theming, CSS custom properties architecture.Votes: 0GitHub stars: 11