responsive-accessibility
Design responsive layouts that maintain accessibility across screen sizes, zoom levels, and orientations. Use when designing responsive interfaces, testing…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Design & creation
20,672 results
touch-target-design
Design touch targets and pointer interactions that work for people with motor difficulties, tremors, limited dexterity, or who use assistive pointing devices.…
picsart-add-media
Bring the user's own clips, photos, or files into Picsart.
style-guide-builder
Build a reusable visual style guide from reference images.
database-schema-design
Use when designing database schemas, creating migrations, modeling data relationships, optimizing database queries, adding indexes, or selecting between SQL…
qe-cicd-pipeline-qe-orchestrator
Orchestrate quality engineering across CI/CD pipeline phases. Use when designing test strategies, planning quality gates, or implementing…
design-prim
Clean up UI/UX slop when onboarding any project — scan existing views, capture playwright (before), let hallmark read the project itself and truly REDESIGN it (generate its own design.md…
creative-strategist
Establishes a brand's visual direction and compresses it into a Creative Direction Brief with a paste-ready 'style block' that every downstream image prompt…
threejs-parallax-occlusion-mapping
Build silhouette-aware parallax occlusion mapping in Three.js WebGPU and TSL. Use for height-field ray marching, relief UVs, clipped flat or curved…
SPACE-survey-designer
Design high-quality research questionnaires. When the user says "design a questionnaire", "do a survey", "help me put together a questionnaire", "user research", "satisfaction survey", "NPS questionnaire", "market research", "needs research", "questionnaire design", "survey design", or when the user describes a research objective but does not yet have a structured questionnaire, use this…
figma-mcp
Convert Figma designs into production-ready code using MCP server tools. Use this skill when users provide Figma URLs, request design-to-code conversion, ask…
atomic-design-organisms
Use when building complex organisms from molecules and atoms like headers, footers, product cards, and sidebars. Organisms are distinct UI sections.
drawio-mcp-diagramming
Create and edit diagrams using the Draw.io MCP server — any shape, any vendor. USE FOR: draw me a diagram, create an architecture diagram, add…
imaging-study-design
Reasoning skill for medical imaging study design and biomarker selection. Use when the user asks to plan an imaging study, choose a preprocessing strategy,…
pharmacoepidemiology
Reason about pharmacoepidemiologic study design for causal inference from real-world data — choosing active comparator new-user designs, emulating target…
generate-image
This skill should be used when the user asks to "generate an image", "create a banner", "make artwork", "create an illustration", "generate a logo", "make a…
unity-patterns
Advise on choosing Unity design patterns
paywall-upgrade-cro
In-app paywall and upgrade screen optimization covering feature gate design, usage limit UX, trial expiration flows, upgrade trigger timing, save offer…
signup-flow-cro
Signup and registration flow optimization covering SSO strategy, progressive profiling, field reduction, multi-step flow design, authentication UX, post-submit…
workflow-skill-designer
Meta-skill for designing orchestrator+phases structured workflow skills. Creates SKILL.md coordinator with progressive phase loading, TodoWrite patterns, and…
homeassistant-dashboard-designer
Design, update, and refactor Home Assistant Lovelace dashboards (YAML views/partials) with a constrained, machine-safe design system: button-card-first…
mod-actions
Comprehensive moderation toolkit: user actions (ban/mute/DM), strike system, image moderation, report handling, generation moderation, content/training…
figma-automation
Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools first for current schemas.
remotion-best-practices
Best practices for Remotion - Video creation in React