halo-effect-psychology
Apply the halo effect in product design and UX. Use when designing first impressions, brand perception, feature presentation, or understanding how one positive…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Design & creation
21,274 results
visual-cues-cta-psychology
Design effective CTAs using visual attention and gaze psychology principles. Use when designing landing pages, button hierarchies, conversion elements, or…
nielsen-heuristics
Run a formal heuristic evaluation of a design artifact against Jakob Nielsen's 10 usability heuristics, producing an evidence-backed, severity-scored report…
midi-cleanup
Use when the user asks to humanize a MIDI part, fix voice leading, quantize notes, clean up timing, fix stuck/duplicate notes, or generally polish a MIDI clip…
sound-designer
Use when the user wants to design a synth patch from scratch or modify an existing one - lead, bass, pad, pluck, lush keys, FX. Targets stock Ableton synths…
design-review
Use when a UI change is about to be declared done, when reviewing a user-facing diff, or when asked for a design/QA pass on a screen. Also use before merging…
implement-all
Implement a whole spec on one branch, its tickets in parallel sub-agents following design.md, ending in a merge request on the repository's own host.
awwwards-animations
Professional React animation skill for creating Awwwards/FWA-level animations using GSAP (useGSAP), Motion (Framer Motion), Anime.js, and Lenis. Use when…
vision
Image recognition for agents without native vision support. Use when the user shares an image path or URL, the message contains saved image attachments, or the…
typecase
Design and enforce named typography roles across a UI codebase. Use when raw font utilities have multiplied or a type ramp needs consolidating. Not for visual…
search-stac
Search and download satellite imagery from Microsoft Planetary Computer. Browse available collections, search by bbox and time range, list assets, and download…
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
clay-reference-architecture
Design production Clay enrichment pipelines with table schemas, waterfall patterns, and CRM sync. Use when architecting new Clay integrations, reviewing data…
figma
Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger…
customer-onboarding
Design and execute customer onboarding that drives activation and retention. Use when building onboarding flows for new users, reducing churn in the first 30…
rat-stack-mode
Route non-trivial rat-stack code, data, design, investigation, and documentation tasks to every matching playbook and principle.
thirdparty-emil-design-eng
Third-party skill — Emil Kowalski's design-engineering notes (animation craft, Sonner-style components). Use when the user names emil-design-eng or asks for…
slack-gif-creator
A knowledge and toolset for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when a user requests creating an animated GIF for Slack, such as "make a GIF of X doing Y for Slack".
nix-packaging-best-practices
Best practices for packaging pre-compiled binaries (.deb, .rpm, .tar.gz, AppImage) for NixOS, handling library dependencies, or facing "library not found"…
lov-any2deck
Generate professional slide deck images from content (Markdown, text, URLs). Creates outlines with style instructions, then generates individual slide images.…
ux-artifacts
Produce evidence-labelled UX needs, journey, structure, inclusion, and engineering-handoff assets. Use when a practitioner needs a durable UX artifact rather…
visual-design
Guides and reviews the visual design and brand identity of UI components for web and React Native — color systems, typography pairing, visual hierarchy,…
web-video-presentation
Turn voiceover scripts, articles, or existing audio plus SRT into an auto-playing 16:9 web video presentation (Vite + React + TypeScript). Explain content with continuous visual scenes, evidence frames, card state changes, and MG animation; support click-to-advance, full-segment original-audio driving, frame verification by absolute time, and one-click export of 1K/2K/4K MP4 from the preview page. Suitable for B…
experiment-design
Use this skill for "design experiment", "create PsychoPy experiment", "stimulus presentation", "experiment protocol", "timing validation", "trial structure",…