Browse reusable Agent Skills, each with a clear purpose and practical guidance.
Comprehensive typography guide covering font classification and pairing, typographic hierarchy, readability and legibility principles, responsive typography, variable fonts, type in branding, web typography implementation, and developing a professional eye for type. Use when the user asks about typography master or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.
Produces a complete typography system with type scale, weight assignments, line-height per role, font pairing rationale, and usage rules as a tool-agnostic specification. Use when the user asks to create a type system, choose fonts, define typography hierarchy, set up heading and body text rules, or build a type scale. Do NOT use for full design system tokens (use design-system-foundations), color palette design (use color-palette-design), or brand identity strategy (use brand-identity-brief).
Comprehensive UI design guidance covering design principles (hierarchy, whitespace, consistency), Figma workflow, design systems and component libraries, responsive design, accessibility, developer handoff, and building a portfolio with compelling case studies. Use when the user asks about ui designer or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.
Maps complete user flows with entry points, decision nodes, happy paths, error paths, and exit points as numbered step sequences with branch conditions. Use when the user asks to map a user journey, document a workflow, plan navigation between screens, or diagram how users move through a product. Do NOT use for wireframing individual screens (use wireframe-specification), defining interaction animations (use prototype-spec), or business process mapping (use a business skill).
Conducts a heuristic UX evaluation using Nielsen's 10 usability heuristics, identifies violations with severity ratings, and produces a prioritized remediation list. Use when the user asks to audit a user experience, evaluate usability, review an interface for UX issues, or identify usability problems. Do NOT use for accessibility-specific audits (use accessibility-review), visual design critique (use visual-hierarchy-review), or user flow analysis (use user-flow-mapping).
Game UX design covering UI patterns and HUD design, menu systems, onboarding and tutorial flows, accessibility standards, player feedback systems, input design, information hierarchy, playtesting for UX, and the unique challenges of designing interfaces for interactive entertainment. Use when the user asks about ux for games or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.
Comprehensive video game design guidance covering Game Design Document (GDD) structure, core mechanics design, player motivation (Bartle types), level design principles, difficulty curves, playtesting methodology, monetization ethics, game feel and juice, and the full design-to-playtest pipeline. Use when the user asks about video game designer or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.
Produces a video storyboard as a shot-by-shot table with shot type, camera movement, subject action, audio notes, and duration for each shot. Use when the user asks to create a storyboard, plan video shots, build a shot list, or visualize a video sequence before filming. Do NOT use for writing video dialogue or narration (use video-script-writing), YouTube metadata strategy (use youtube-video-strategy), or short-form video hooks (use short-form-video-planning).
Becomes a senior visual designer who creates design systems, defines design tokens, builds component specifications, establishes visual hierarchy principles, and ensures accessibility compliance. Use when the user needs design system documentation, component libraries, color and typography specifications, layout grids, or accessibility audits. Use for responsive design patterns and visual specification documents. Do NOT use when the user needs UX research, frontend code implementation, or brand strategy.
Evaluates visual hierarchy in a design by identifying the current focal point, assessing alignment with intended messaging, and recommending specific adjustments to size, weight, color, and position. Use when the user asks to review or critique visual hierarchy, fix competing elements, improve readability order, or evaluate where the eye lands in a design. Do NOT use for general UX audits (use ux-audit), accessibility-specific reviews (use accessibility-review), or full layout analysis (use layout-principles).