muzimu217
- 13 skills
- 0 followers
- 3 hours ago last updated
- ▌
- ▌
- ▌
- ▌ Motion · muzimu217 bundleAnimation skill for Motion (prev Framer Motion) and CSS animation. Provides: animation best practices (including specific advice for vanilla JS, React, Vue, Base UI and Radix), documentation and example search, CSS spring and bounce generation, MotionScore code and runtime performance audits, and the visual transition editor. Use when writing animations, working with Motion (motion, motion/react, motion-v, framer-motion), animating a UI, writing CSS linear() springs, auditing performance/jank/layout thrash via code or runtime, searching Motion docs or examples, adding a Motion UI section, or upgrading between Motion versions.
- ▌ Impeccable · muzimu217 bundleUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
- ▌ Jiejoe Design · muzimu217JIEJOE-style interaction-motion design: magnetic pointer and repulsion feedback, SVG stroke and wave effects, ScrollTrigger scroll-driven motion, and personality-loaded loading and transition screens. Use when the user wants distinctive web motion, cursor-magnetic interactions, scroll choreography, or branded loading/transition effects. GSAP-first, with physical intuition (elasticity, damping, easing) over decorative loops.
- ▌
- ▌ UI UX Pro Max · muzimu217 bundleUI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.
- ▌
- ▌ UI Design Agent · muzimu217 bundleTurn plain-language UI requests into researched development prompts; design, build, refine, or review modern UI/UX with distinctive visual systems, purposeful motion, interactive web 3D, and verified MCP/CLI workflows. Routes Motion, Three.js, physics, Blender asset preparation, Figma, and browser checks; delegates video timelines and embedded compositions to Remotion. Not for backend-only work or maintenance of this agent kit.
- ▌ Promotion Playbook · muzimu217 bundleEvidence-based promotion playbook for open-source developer tools and agent skills: channel selection, README conversion structure, launch sequencing, and the reputation mistakes that cost more than they gain. Use when the user asks how to promote, launch, announce, or grow adoption of a repository, skill, CLI, or developer tool — including drafting release posts, README restructuring, and community posting. Grounds every recommendation in observed channel performance rather than generic marketing advice.
- ▌ Remotion Video Agent · muzimu217 bundleCreate, animate, preview, render, or review React video compositions with Remotion. Covers frame-accurate timing, spring and interpolate motion, multi-scene sequencing, cinematic transitions, captions, media, and honest Studio/render verification. Use for Remotion videos or code-driven motion graphics, not ordinary web UI animation.
- ▌