design-qa-checklist
Create QA checklists for verifying design implementation accuracy.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Design & creation
20,691 results
illustration-style
Define an illustration style guide with visual language, color usage, and application rules.
interface-design
Craft-first interface design for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and interactive products. Use when designing,…
onboarding-design
Design first-run experiences that get users to value quickly without overwhelming them.
search-ux
Design search experiences that help users find what they need, recover from failure, and refine results.
programmatic-video
Programmatic Video enables React-based video rendering with Remotion, where every frame is a React component and every animation is expressed in code.
ffmpeg-modal-containers
Complete Modal.com FFmpeg deployment system for serverless video processing. PROACTIVELY activate for: (1) Modal.com FFmpeg container setup, (2)…
baoyu-post-to-wechat
Posts content to WeChat Official Account (微信公众号) via Chrome CDP automation. Supports article posting (文章) with full markdown formatting and image-text posting…
pm-agile
Use when: At project kickoff, an agile development process needs to be established, team collaboration mechanisms designed, and iteration cadence planned Do NOT use when: The team already has a mature agile process, or only needs a single project management tool rather than process design
pm-proto
Use when: need to design product prototypes, plan interaction flows, determine interface layouts, transition from PRD to visuals Do NOT use when: the prototype has already been completed by a designer, only text descriptions are needed and no visual output is required
lazyweb-design-brainstorm
Cross-pollination design brainstorm. Deliberately searches outside the obvious category to find novel patterns that could be applied in unexpected ways. The…
3d-cartoon-character-short
Apply the 3D cartoon character short workflow derived from multiple published GoodCase examples. Use when planning, storyboarding, or refining an AI video…
video-to-skill
Turn a video, tutorial, playlist, or course into an installed, evidence-grounded course Skill that can teach, give practice and feedback, apply demonstrated…
auto-optimize
Use auto-run-agent to perform automated analysis, evaluation, design, and optimization on a target project. The complete workflow includes: exploring the current project state → identifying problems → designing a task list → creating a runner environment → launching autonomous execution. Suitable for any project that needs batch optimization.
web-asset-generator
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when…
image-generation
Guide to image generation and editing in MassGen. Use when creating images, editing existing images, iterating on image designs, or choosing between image…
massgen
Invoke MassGen's multi-agent system. Use when the user wants multiple AI agents on a task: writing, code, review, planning, specs, research, design, or any…
high-end-visual-design
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive.…
create-svg-illustrations
Create, revise, embed, or troubleshoot accessible SVG diagrams and illustrations for slide decks, documents, and other static artifacts, with portable sizing,…
alt-text-design
Write meaningful alternative text for images, charts, diagrams, and visual content. Use when creating or reviewing alt text, image descriptions, chart…
assess-load
Assess cognitive load across a complete multi-step process and produce a load map. Chains: cognitive-load-assessment, memory-load-reduction,…
assistive-technology-scenarios
Write usage scenarios that include assistive technology and diverse interaction methods. Use when writing scenarios, use cases, user journeys, or storyboards.…
colour-independence
Design interfaces where colour is never the only way information is communicated. Use when designing status indicators, data visualisations, form validation,…
voice-interaction
Design voice interactions and speech interfaces that work for people with diverse speech patterns, accents, and communication styles. Use when designing voice…