47network/motion-design
skills/design/motion-design/SKILL.md
Generate CSS animations with proper easing, timing, spring physics, stagger patterns, and prefers-reduced-motion accessibility fallbacks.
$ install --global
skillsauthnpx skillsauth add 47network/Sven motion-designInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 23, 2026, 5:57 PM77.3s2 files scanned
SKILL.md
- name:
- motion-design
- description:
- Generate CSS animations with proper easing, timing, spring physics, stagger patterns, and prefers-reduced-motion accessibility fallbacks.
- version:
- 2026.4.11
- publisher:
- 47Network
- handler_language:
- typescript
- handler_file:
- handler.ts
- inputs_schema:
- {"type":"object","properties":{"action":{"type":"string","enum":["animate","easing","spring","stagger","duration","css_tokens"],"default":"animate"},"intent":{"type":"string","enum":["enter","exit","fade-in","fade-out","slide-up","slide-down","slide-left","slide-right","scale-up","scale-down","attention","loading"],"default":"slide-up"},"category":{"type":"string","enum":["micro","small","medium","large","page"],"default":"medium"},"easing_name":{"type":"string"},"easing_category":{"type":"string","enum":["standard","entrance","exit","emphasis","spring"]},"spring_preset":{"type":"string","enum":["gentle","default","snappy","wobbly","stiff","slow"],"default":"default"},"stagger_count":{"type":"integer","minimum":2,"maximum":50,"default":5},"stagger_delay_ms":{"type":"integer","minimum":10,"maximum":500,"default":50}},"required":["action"],"additionalProperties":false}
- outputs_schema:
- {"type":"object","properties":{"action":{"type":"string"},"result":{"type":"object"}},"required":["action","result"]}
Motion Design Skill
Generate production-ready CSS animations with professional easing, spring physics simulation, stagger patterns, and automatic accessibility fallbacks.
Actions
animate— Generate a complete animation spec for a given intent and element categoryeasing— Look up an easing preset or list presets by categoryspring— Simulate a spring animation and generate CSS @keyframesstagger— Generate a stagger animation for a list of elementsduration— Get recommended duration for an element categorycss_tokens— Generate all easing + duration CSS custom properties
Examples
- "Animate a card sliding in" →
{ action: "animate", intent: "slide-up", category: "medium" } - "Make a bouncy spring animation" →
{ action: "spring", spring_preset: "wobbly" } - "Stagger reveal 8 items" →
{ action: "stagger", stagger_count: 8, intent: "slide-up" }
Scope Mapping
design.motion: read (generates CSS code, no side effects)
Related Skills
47network/webapp-tester
development
VerifiedTrustedCommunity
Automated web testing advisor — generate Playwright test scripts, accessibility checks, and performance audits.
3SKILL.mdUpdated Apr 23, 2026
47network/security-posture
testing
VerifiedTrustedCommunity
Unified security posture reporting — combines SAST, dependency audit, secret scan, infrastructure scan, and pentest results into a single scored report with OWASP and SOC 2 compliance mapping, top risks, and remediation recommendations.
3SKILL.mdUpdated Apr 23, 2026
47network/secret-scanner
development
VerifiedTrustedCommunity
Detect hardcoded secrets, API keys, tokens, private keys, and credentials in source code and config files. 20 built-in patterns covering AWS, GitHub, Slack, Stripe, database URLs, JWTs, and more.
3SKILL.mdUpdated Apr 23, 2026
47network/sast-scanner
development
VerifiedTrustedCommunity
Static Application Security Testing — scan TypeScript/JavaScript source code for SQL injection, XSS, SSRF, path traversal, command injection, hardcoded secrets, insecure crypto, auth bypass, prototype pollution, and more. 14 built-in rules mapped to OWASP Top 10 and CWE.
3SKILL.mdUpdated Apr 23, 2026