Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

print-design-spec

Produces print-ready design specifications with dimensions, bleed, CMYK color values, resolution requirements, file format, and fold/cut mark placement. Use when the user asks to prepare a design for print, create a print specification, define print-ready file requirements, or check print production settings. Do NOT use for digital screen design (use wireframe-specification), color palette creation (use color-palette-design), or typography selection (use typography-system).

543 repo starsObserved in 2 repos
Design
GitHub

product-photography

Produces a product photography setup including background recommendation, light position for specular vs. matte surfaces, camera angle options with visual effects, prop strategy, and retouching sequence. Applicable to any camera and any editing software. Use when the user asks to photograph products, merchandise, food, or objects for e-commerce, social media, or catalog purposes. Do NOT use for portrait photography (use portrait-technique), general lighting theory (use lighting-setup), or standalone photo editing workflow (use photo-editing-workflow).

543 repo starsObserved in 2 repos
Design
GitHub

prototype-spec

Produces an interactive prototype specification defining screen transitions, animation types, durations, easing curves, and interaction triggers in a tool-agnostic table format. Use when the user asks to define prototype interactions, specify screen transitions, document animations between states, or plan interaction flows for handoff to developers. Do NOT use for wireframing static layouts (use wireframe-specification), mapping user flows without animation detail (use user-flow-mapping), or building coded prototypes.

543 repo starsObserved in 2 repos
Design
GitHub

responsive-layout-design

Produces a responsive layout specification with breakpoints, column grids per breakpoint, component behavior rules, and content priority ordering for multi-device interfaces. Use when the user asks to design a responsive layout, define breakpoints, plan how content adapts across screen sizes, or create a multi-device layout specification. Do NOT use for wireframing a single device (use wireframe-specification), defining animations (use prototype-spec), or writing responsive CSS code (use a software-development skill).

543 repo starsObserved in 2 repos
Design
GitHub

roguelike-designer

Roguelike and roguelite game design expertise covering procedural generation algorithms, run-based progression, permadeath design philosophy, meta-progression systems, item and synergy design, difficulty scaling, player agency in randomness, and the tension between fairness and challenge that defines the genre. Use when the user asks about roguelike designer or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

543 repo starsObserved in 2 repos
Design
GitHub

screen-reader-optimizer

Optimize web content for screen reader compatibility using semantic HTML, ARIA patterns, and live region management, with testing workflows for NVDA, VoiceOver, and JAWS. Use when the user asks about screen reader optimizer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of screen reader optimizer or requires a different specialized skill.

543 repo starsObserved in 2 repos
Design
GitHub

sensory-environment-designer

Design sensory-friendly spaces for home, work, and school through lighting optimization, sound management, texture considerations, break planning, and workspace optimization. Use when the user asks about sensory environment designer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of sensory environment designer or requires a different specialized skill.

543 repo starsObserved in 2 repos
Design
GitHub

sound-designer

Comprehensive sound design guidance covering Foley recording, SFX creation and layering, ambient soundscape construction, game audio implementation (Wwise, FMOD), film sound design workflows, field recording techniques, sound library management, and the creative process of building sonic worlds. Use when the user asks about sound designer or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

543 repo starsObserved in 2 repos
Design
GitHub

t-shirt-designer

Complete t-shirt design guidance covering design for print methods (DTG, screen print, sublimation), mockup creation, print-on-demand platforms (Printful, Redbubble, Merch by Amazon), niche research and market strategy, marketplace optimization, file preparation, and building a sustainable apparel design business. Use when the user asks about t shirt designer or needs help with related topics. Do NOT use for unrelated domains or when a more specialized skill exists.

543 repo starsObserved in 2 repos
Design
GitHub

tailwind-designer

Tailwind CSS design system expertise covering custom theme configuration, component extraction, responsive design patterns, dark mode, animation utilities, plugin development, integration with component libraries, and JIT optimization. Use when the user asks about tailwind designer, tailwind designer best practices, or needs guidance on tailwind designer implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

543 repo starsObserved in 2 repos
Design
GitHub