Skills
Instructions your agent can follow for layout, type, motion, forms and more.
35 skills
Results
12 Principles of Animationby raphaelsalaja
Apply Disney's 12 animation principles to web interfaces to make motion feel natural, organic, and human.
MotionExternalGitHub stars: 42
Adaptby pbakaus
Adapt designs across breakpoints, device contexts, and platform constraints with responsive interaction quality.
InteractionExternalGitHub stars: 95.1K
Animateby emilkowalski
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use review-animations; for auditing a whole codebase use improve-animations.
MotionExternalGitHub stars: 51.4K
Apple Designby emilkowalski
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.
MotionExternalGitHub stars: 51.4K
Better Uiby jakubkrehel
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, image outlines, box shadows.
VisualExternalGitHub stars: 9.2K
Bolderby pbakaus
Increase visual impact and personality for interfaces that feel too safe, bland, or generic.
VisualExternalGitHub stars: 95.1K
Broby luchasarie
Re-explain the previous assistant message in a much simpler, plain-language version when the last answer was too dense.
TasteExternalGitHub stars: 424
Build Primitiveby PrototyperAI
Build foundational UI primitives from scratch with strong ARIA, keyboard, focus, and state handling.
AccessibilityExternalGitHub stars: 7
Canvas Designby anthropics
Create original visual designs and art on digital canvases using design philosophy, focusing on form, space, and color.
VisualExternalGitHub stars: 184.8K
Clarifyby pbakaus
Improve labels, microcopy, and UX messaging so interface text is clearer and easier to act on.
InteractionExternalGitHub stars: 95.1K
Delightby pbakaus
Add personality and memorable moments through thoughtful interaction details and emotional UX touches.
InteractionExternalGitHub stars: 95.1K
Design Labby 0xdesign
Interactive design exploration workflow: conduct interviews, generate variants, and refine UI designs through feedback.
VisualExternalGitHub stars: 782
Distillby pbakaus
Simplify noisy interfaces by removing non-essential complexity and restoring clear visual focus.
Design SystemsExternalGitHub stars: 95.1K
Find Animation Opportunitiesby emilkowalski
Find high-conviction opportunities for useful interface motion while rejecting animation that adds noise or slows users down.
MotionExternalGitHub stars: 51.4K
Industrial Brutalist Uiby Leonxlnx
Raw, mechanical interface direction mixing Swiss print structure with terminal-inspired brutalist aesthetics.
TasteExternalGitHub stars: 105.4K
Interaction Designby wshobson
Design and implement microinteractions, motion design, transitions, and user feedback patterns for delightful user experiences.
InteractionExternalGitHub stars: 42K
Interface Designby Dammyjay93
Specialized skill for interface design: dashboards, admin panels, and SaaS apps. Focused on craft and consistency.
VisualExternalGitHub stars: 5.9K
Landing Pageby MengTo
Use when designing or implementing a landing page with strong hierarchy, conversion flow, and visual pacing.
VisualExternalGitHub stars: 7.1K
Landing Page Designby elayadesign
Build high-converting landing pages with intake questions, page structure, conversion copy, SEO, and a disciplined visual system.
VisualExternalGitHub stars: 12K
Make Interfaces Feel Betterby jakubkrehel
Design engineering principles for making interfaces feel polished, with focus on micro-interactions, typography, and visual details.
TasteExternalGitHub stars: 3.9K
Pricing Pageby MengTo
Use when building a pricing page with clear plan comparison, emphasis, and conversion-oriented layout.
VisualExternalGitHub stars: 7.1K
Product Design Harnessby cis2042
Decide whether a product direction, feature or workflow should continue, be verified or be reframed before anyone builds it, with a structured verdict and next action.
TasteReviewedExternalGitHub stars: 19
Prototypeby mattpocock
Builds throwaway prototypes to answer design or logic questions quickly.
LayoutExternalGitHub stars: 306.5K
Prototypeby emilkowalski
Build multiple genuinely different UI variants behind a visual picker so the strongest direction can be evaluated and promoted.
LayoutExternalGitHub stars: 51.4K
Ramsby rams
Real-time design feedback skill focused on accessibility, spacing, typography, contrast, and component quality.
VisualExternal
React Router Framework Modeby remix-run
React Router framework-mode patterns for loaders, actions, middleware, route modules, and full-stack rendering flows.
LayoutExternalGitHub stars: 134
Redesign Existing Projectsby Leonxlnx
Audit and upgrade existing interfaces to premium visual quality while preserving product functionality.
TasteExternalGitHub stars: 105.4K
Refine Liveby Jakubantalik
Iteratively refine UI in live sessions with a focus on motion, polish, and interaction detail.
MotionExternalGitHub stars: 5.9K
Scroll Worldby oso95
Build an immersive scroll-scrubbed 3D world landing page for any brand with Higgsfield-generated scenes, seamless camera clips, and a portable scroll-scrub engine.
VisualExternalGitHub stars: 10.7K
Shapeby pbakaus
Plan feature UX before coding via a structured design interview that produces an actionable design brief.
InteractionExternalGitHub stars: 95.1K
Siteplane Preview Cardby UI Skillbook
Hovering or focusing a link opens this card with a preview of where it goes, so people stay on the page.
Siteplane UI
Swiftui Ui Patternsby dimillian
Best practices and example-driven guidance for building SwiftUI views and components. Includes tab architecture and screen composition.
ResponsiveExternalGitHub stars: 4K
Threejs Fundamentalsby cloudai-x
Three.js scene setup guidance for cameras, renderer configuration, object hierarchy, and transforms.
VisualExternalGitHub stars: 3.8K
Threejs Interactionby cloudai-x
Three.js interaction patterns for raycasting, controls, pointer input, and object selection.
VisualExternalGitHub stars: 3.8K
Variantby jakubkrehel
Answers which of these rather than is this right. Builds several genuinely different versions of one piece of UI behind a picker in the real page, so you can flip between them and promote the one that wins.
VisualExternalGitHub stars: 9.2K