Skills
Instructions your agent can follow for layout, type, motion, forms and more.
24 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
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
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
Design Labby 0xdesign
Interactive design exploration workflow: conduct interviews, generate variants, and refine UI designs through feedback.
VisualExternalGitHub stars: 782
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
Navigation Active Statesby UI Skillbook
Make it unambiguous where the user is, at every level of nested navigation.
Navigation
Pricing Pageby MengTo
Use when building a pricing page with clear plan comparison, emphasis, and conversion-oriented layout.
VisualExternalGitHub stars: 7.1K
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
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
Siteplane Color Swatch Pickerby UI Skillbook
A row of color or image swatches for choosing one option from a palette your app defines.
Siteplane UI
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
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