MCP App StoreMCP App Store
from design-motion-principles473
Motion and interaction design guidance with two modes (Create and Audit) that provides context-weighted recommendations and accessibility-first rules for UI ani
Design Motion Principles is a practical motion-design skill that helps agents either create purposeful UI animations or audit existing motion for quality, accessibility, and performance. It encodes a two-mode workflow (Create vs Audit), a frequency-based decision gate, duration guidelines, and per-designer perspectives that help balance restraint, polish, and playfulness when proposing or evaluating animations.
Invoke this skill when asked to implement, improve, or review UI motion: transitions, enter/exit animations, micro-interactions, hover states, or system-level animations on web and mobile. Use Create mode to generate implementation suggestions (CSS, Framer Motion, React patterns) and Audit mode to produce systematic reports and checklists for accessibility (prefers-reduced-motion), performance, and UX clarity.
Best used by code-writing and design-aware assistants (Copilot/Codex, Cursor, Claude Code) that can output CSS/JS examples, audit reports, or implementation suggestions. It guides both automated code generation and human-in-the-loop reviews.
A well-crafted skill providing motion and interaction design guidance through two modes (Create and Audit) with three designer perspectives weighted by project context. The SKILL.md is thorough, well-organized, and provides clear mode detection, frequency-gated recommendations, and accessibility-first rules. No scripts to execute — purely reference/guidance based.
Clean skill with no security concerns. Excellent separation of concerns with references/ and workflows/ directories. Clear mode detection, context weighting, and progressive disclosure through reference files. Accessibility is treated as mandatory. The three-designer lens approach is thoughtful. Deductions: no scripts to verify behavior, usefulness is niche (motion/animation design) rather than universal, and external references need to be fetched separately.
Scientific Schematics & Diagrams
Generate publication-quality scientific diagrams via AI with iterative quality review and smart regeneration for journal, conference, poster, and presentation o
Colorize (Strategic UI Color)
Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.
OpenTestAI
Automated, high-confidence AI testing: bug detection, persona feedback, and prioritized test-case generation using many specialized tester profiles.
Shopify Store Audit
Structured, page-by-page audit of Shopify storefronts to find conversion blockers and prioritized fixes for copy, UX, trust signals, and checkout friction.
Minimal Run & Audit (repro reporting)
Execute a README-first smoke test and produce standardized reproducibility outputs (`repro_outputs/`) and PATCHES.md — trusted reporting for repo reproduction r
Skill Issue — Skill Auditor
Scan and audit installed agent skills to produce a health report covering inventory, usage, dependency checks, version status, and actionable recommendations.
Cognitive Accessibility Specialist
Audits content, forms and authentication flows for cognitive accessibility (WCAG 2.2 / COGA) and gives prioritized remediation and plain-language guidance.
GRC & Compliance (ServiceNow)
Guides Governance, Risk & Compliance (GRC) work in ServiceNow: policies, controls, risk records, audits and ES5 script examples for automating GRC workflows.