Motion

manim-video helps you plan and produce clean Manim-based explainer videos for graphs, workflows, system diagrams, product walkthroughs, and launch visuals. Use the manim-video skill when you want a precise animated explanation with a scene-first workflow, not a talking-head edit. It includes practical manim-video guide steps for install, scene planning, and rendering.

liquid-glass-design helps you implement Apple’s iOS 26 Liquid Glass system for SwiftUI, UIKit, and WidgetKit. Use it for glassy buttons, cards, toolbars, containers, and widgets, with guidance on shape, tint, interactivity, and when the effect fits a real UI.

frontend-slides helps you create animation-rich HTML presentations from scratch or by converting PowerPoint files. Use the frontend-slides skill for talks, pitch decks, workshops, internal demos, and frontend-slides for UI Design when you want visual exploration, zero-dependency browser output, and slides that fit one viewport.

Use frontend-design to build distinctive, production-grade frontend interfaces with a clear visual point of view. This frontend-design skill is built for landing pages, dashboards, app shells, and components where hierarchy, typography, motion, and polish matter as much as implementation. It includes install and usage guidance for design-first UI work.

Use the design-system skill to generate or audit a UI system, extract tokens from existing code, and review styling consistency in real repos.

design-consultation is a design-consultation skill for turning a rough product idea into a complete design direction. It creates a DESIGN.md source of truth, previews, and system-level guidance for typography, color, spacing, layout, and motion. Best for new products and UI surfaces that need a coherent starting point.

ckm:design is a structured design skill for routing and producing logos, CIP mockups, banners, slides, and SVG icons. It includes practical references, CSV-backed options, and Python scripts for repeatable design workflows instead of generic prompt-only output.

The interaction-design skill helps teams design and implement purposeful UI motion, microinteractions, transitions, loading states, and feedback patterns with practical React-oriented references and usage guidance.

react-native-design is a focused skill for React Native UI patterns, covering StyleSheet styling, typed React Navigation, and Reanimated 3 usage for cross-platform screens.

overdrive is a GitHub skill for ambitious UI design work that emphasizes context, proposal-first planning, and exceptional interaction quality. Use it to install and apply overdrive for cinematic transitions, responsive interfaces, and high-impact product experiences.

quieter is a UI design refinement skill that reduces visual aggression in loud or overstimulating interfaces while preserving clarity, hierarchy, and brand intent. It works best after the parent $impeccable skill and helps teams diagnose intensity sources before making targeted changes.

polish is a final-pass UI review skill for catching alignment, spacing, consistency, token usage, and micro-detail issues before shipping. It is best for screens, flows, or components that already work but feel close, not quite polished. Use it to improve launch readiness, design-system alignment, and overall quality without unnecessary redesign.

impeccable helps you create distinctive, production-grade frontend UI instead of generic AI-looking interfaces. It supports craft, teach, and extract workflows for pages, web components, app surfaces, posters, and other design-heavy frontends, making the skill useful for UI Design, design context setup, and reusable pattern extraction.

Use the delight skill to add tasteful UI polish, micro-interactions, and personality to success, loading, empty, and onboarding states without hurting usability or focus.

impeccable is a UI design and frontend skill for building distinctive, production-grade interfaces. Use craft, teach, or extract to shape designs, load focused references, and implement polished components, pages, and design-system patterns with stronger install and usage guidance.

bolder helps make safe, bland UI design more distinctive without losing usability. Learn when to use the bolder skill, its required $frontend-design pre-step, and practical guidance for stronger prompts, diagnosis, and controlled visual impact.

frontend-design is a context-first skill for creating distinctive frontend UI code. Use it to turn audience, use case, and brand tone into stronger layout, typography, color, motion, interaction states, and UX writing for pages, components, and flows.

The polish skill helps teams run a final UI quality pass before shipping. Use it to catch spacing, alignment, interaction-state, copy, and edge-case issues after the interface is functionally complete and design context is already established.

overdrive is a user-invocable skill for ambitious UI design that pushes interfaces beyond standard components. It requires /frontend-design context first, then asks you to propose concepts before building focused, high-impact interactions.

The delight skill helps add tasteful joy, personality, and micro-polish to UI Design work. Use it to improve success states, empty states, loading moments, and interactions with context-aware guidance for delight install, setup, and usage.

bolder is a UI design skill that amplifies bland or overly safe interfaces with more contrast, hierarchy, and personality. Use it after /frontend-design context gathering, or /teach-impeccable when no design context exists, to get sharper, more actionable design improvements without losing usability.

Use the animate skill to review a UI feature and plan purposeful animations, micro-interactions, and transitions. It helps you identify motion that improves feedback, clarity, hierarchy, and delight, with required design context from /frontend-design and attention to performance and accessibility.

The quieter skill reduces visual intensity in UI Design, helping tone down loud, harsh, or overstimulating interfaces while preserving hierarchy, clarity, and brand personality. Best used after the required /frontend-design workflow in the pbakaus/impeccable repository.

The polish skill guides a final-pass UI review to fix spacing, alignment, copy, states, and transitions before launch. Best used after a feature is functionally complete, with design context, a clear quality bar, and a specific screen, flow, or component target.