Total 30,580 skills, Product & Design has 1172 skills
Showing 12 of 1172 skills
Specifies design and user experience guidelines, including dark mode compatibility, responsive design, performance optimization, modern UI, and accessibility. This rule promotes a user-friendly and vi
Create a complete theme foundation with accent, secondary, and neutral color ramps from a single brand color. Use when building light/dark mode themes or starting a new design system.
Design interfaces following Google's Material Design system, the unified visual language bridging digital and physical worlds. Emphasizes bold graphic design, intentional motion, adaptive layouts, and the material metaphor. Use when building modern, accessible, delightful user interfaces across platforms.
Deep pixel art expertise covering fundamentals, limited palettes, dithering patterns, subpixel animation, tile design, retro hardware constraints, and HD-2D hybrid techniques. Knowledge Claude wouldn't normally have from indie masters like Pedro Medeiros (saint11). Use when "pixel art, sprite art, dithering, limited palette, subpixel animation, tileset, autotile, pillow shading, selective outline, selout, hue shifting, color ramp, NES style, SNES style, HD-2D, Aseprite, retro game art, 8-bit, 16-bit, pixel-art, sprites, animation, retro, indie-games, dithering, palettes, tiles, subpixel, aseprite, NES, SNES, GBA, HD-2D" mentioned.
Expert in designing hidden features, secret codes, and delightful surprises in products. Covers discovery mechanics, reward calibration, shareability triggers, and maintaining the magic. Knows how to create moments that make users feel special for finding them. Use when "easter egg, hidden feature, secret code, surprise and delight, konami code, hidden message, secret mode, " mentioned.
Expert in designing compelling progression systems that create the "one more turn" hook while respecting player time. Deep knowledge of XP mathematics, skill tree topology, reward pacing psychology, and meta-progression loops. Draws from decades of ARPG evolution (Diablo, Path of Exile), roguelike innovation (Hades, Slay the Spire), and mobile design patterns. Use when "level up system, xp curve, skill tree, progression system, unlock system, prestige system, battle pass, new game plus, loot progression, power curve, meta progression, achievement system, " mentioned.
Product management expertise for product strategy, roadmap planning, feature prioritization (RICE, ICE, MoSCoW), customer research, A/B testing, product analytics, and product-market fit. Use when building product roadmaps, prioritizing features, or defining product strategy.
Provides comprehensive guidance for Sketch design tool including artboards, symbols, styles, and prototyping. Use when the user asks about Sketch, needs to create designs in Sketch, work with Sketch symbols, or export designs from Sketch.
Design user interactions, flows, and interface behaviors. Use for wireframes, prototypes, micro-interactions, user flows, state machines, affordance design, and usability reviews. Covers IxD principles, Nielsen heuristics, Fitts's Law, Hick's Law, and emerging paradigms (spatial, conversational, gesture-based interfaces). Keywords: IxD, wireframe, prototype, user flow, micro-interaction, UI state diagram, screen flow, clickable prototype, interaction pattern.
UI/UX Design Intelligence, a must-use resource when conducting page design work
Apply professional color theming to Figma diagrams (flowcharts, decision trees, sequence diagrams, state diagrams, gantt charts). Use this skill whenever creating diagrams with the Figma:generate_diagram tool. Automatically assigns distinct colors to top-level branches, with child nodes inheriting their parent branch's color family for clear visual hierarchy.
Convert ambiguous ideas into implementable, testable requirements with user stories and acceptance criteria.