Skills
Instructions your agent can follow for layout, type, motion, forms and more.
257 skills
Results
Overdriveby pbakaus
Push interfaces into high-impact territory with advanced animation, shaders, and ambitious interaction systems.
MotionExternalGitHub stars: 95.1K
Page Transition Animationby iart-ai
Page and route transition patterns using the View Transitions API and Framer Motion, including reliable Next.js App Router exits.
MotionExternalGitHub stars: 64
Performanceby addyosmani
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".
PerformanceExternalGitHub stars: 3K
Polishby pbakaus
Final quality pass for spacing, alignment, and consistency to prepare UI for launch.
TasteExternalGitHub stars: 95.1K
Prefer Container Queriesby flornkm
Enforce Tailwind container queries over viewport breakpoints for responsive components. Use when writing or reviewing responsive Tailwind code, when a component needs to adapt to its available space (cards, sidebars, lists, panels, anything reused in different layouts), or when migrating sm:/md:/lg: classes to @container variants.
LayoutExternalGitHub stars: 115
Pressed Button Feedbackby UI Skillbook
Give every interactive control an immediate, physical-feeling response to a press.
Interaction
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
Progressive Blurby MengTo
Use when applying blur transitions or layered depth effects that need to feel smooth and controlled.
VisualExternalGitHub stars: 7.1K
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
Pseudo Elementsby raphaelsalaja
Audit CSS pseudo-elements and View Transitions usage for hover effects, decorative layers, and transitions.
MotionExternalGitHub stars: 42
Quieterby pbakaus
Tone down overly intense designs while keeping quality high and preserving hierarchy.
VisualExternalGitHub stars: 95.1K
Rad Spacingby nolanperk
Apply hierarchical spacing variables across Figma layouts using proximity-based 4px and 8px increments from the file's library.
Design SystemsExternalGitHub stars: 14
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
Review Animationsby emilkowalski
Review animation quality, timing, and motion consistency with a production-critical eye.
MotionExternalGitHub stars: 51.4K
Scandinavian Designby ericzakariasson
Apply a refined Scandinavian visual system with a neutral black-and-white foundation, restrained sans-serif typography, purposeful product imagery, generous spacing, clear page chapters, and minimal decoration. Use when the user invokes /scandinavian-design or requests a Nordic, monochrome, calm, spacious, restrained, or minimalist interface.
VisualExternalGitHub stars: 412
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
Seoby addyosmani
Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".
PerformanceExternalGitHub stars: 3K
Shapeby pbakaus
Plan feature UX before coding via a structured design interview that produces an actionable design brief.
InteractionExternalGitHub stars: 95.1K
Signal Geometryby CaliCastle
Create sparse geometric illustrations and posters from concepts or briefs, using precise spatial systems, restrained contrast, and matte paper texture.
VisualExternalGitHub stars: 96
Simple Englishby AminBlg
Write or rewrite technical text with ASD-STE100 Simplified Technical English for clear, unambiguous, translation-friendly documentation and interface copy.
TasteExternalGitHub stars: 4.1K
Siteplane Accordionby UI Skillbook
A stack of related sections that expand and collapse, one at a time or several together.
Siteplane UI
Siteplane Alertby UI Skillbook
An inline message that stays in the layout, styled by tone, with actions and a dismiss button if needed.
Siteplane UI
Siteplane Alert Dialogby UI Skillbook
A modal confirmation that asks for a deliberate decision before a consequential action.
Siteplane UI
Siteplane Animated Buttonsby UI Skillbook
Buttons that animate on hover with sweeping or pass-through fills, a moving arrow, actions that expand, and entrance effects.
Siteplane UI
Siteplane Area Chartby UI Skillbook
Filled areas over time, overlaid or stacked, that show how big a measure is and how its parts add up.
Siteplane UI
Siteplane Attachmentby UI Skillbook
A card for a file or image attached to a message or draft, with upload states and actions.
Siteplane UI
Siteplane Autocompleteby UI Skillbook
A text input that suggests completions while still accepting whatever the person types.
Siteplane UI
Siteplane Avatarby UI Skillbook
A round image for a user or account, showing initials or an icon instead when no picture is available.
Siteplane UI
Siteplane Avatar Groupby UI Skillbook
A facepile: several avatars overlapped in a row with an optional count of the people not shown.
Siteplane UI
Siteplane Badgeby UI Skillbook
A compact label for a status, category, plan or count, with semantic colour variants and fixed sizes.
Siteplane UI
Siteplane Bar Chartby UI Skillbook
Columns or horizontal bars that compare values across categories, grouped or stacked, with keyboard tooltips.
Siteplane UI
Siteplane Bar Listby UI Skillbook
A ranked list of labels with a bar behind each, sized against the largest value.
Siteplane UI
Siteplane Bubbleby UI Skillbook
The surface for a chat message's text, with variants for sender, assistant replies and errors.
Siteplane UI
Siteplane Buttonby UI Skillbook
Action control for text, icons or both. Variants set emphasis, and it handles sizes, a loading state and rendering as a link.
Siteplane UI
Siteplane Calendarby UI Skillbook
An inline month grid for picking a single date, several dates or a range, with unavailable-day rules.
Siteplane UI
Siteplane Cardby UI Skillbook
A surface that groups related content and actions, with header, panel, footer and framed-section parts.
Siteplane UI
Siteplane Collapsibleby UI Skillbook
A single disclosure that shows or hides one block of content behind a trigger.
Siteplane UI
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 Comboboxby UI Skillbook
A searchable picker that filters known options as you type, single or multi-select with chips.
Siteplane UI
Siteplane Commandby UI Skillbook
A searchable, keyboard-driven list of actions, shown inline in a panel or as a command palette in a dialog.
Siteplane UI
Siteplane Context Menuby UI Skillbook
Secondary actions for an element that appear on right-click or a long press.
Siteplane UI
Siteplane Copy Buttonby UI Skillbook
Copies a value to the clipboard and confirms success or failure on screen and to screen readers.
Siteplane UI
Siteplane Date Pickerby UI Skillbook
A button that opens a calendar to choose one date, showing the chosen date as formatted text.
Siteplane UI
Siteplane Date Range Pickerby UI Skillbook
A typed start-and-end date field with a calendar popover, submitting two ISO day strings.
Siteplane UI
Siteplane Date Time Pickerby UI Skillbook
One control for a local date and time, with typed segments, a calendar and a time selector.
Siteplane UI
Siteplane Detail Drawerby UI Skillbook
A right-side drawer for viewing one record's details beside its list, optionally with an edit form.
Siteplane UI
Siteplane Dialogby UI Skillbook
A modal overlay for a focused task or short form, with a title and a clear way to close.
Siteplane UI
Siteplane Drawerby UI Skillbook
A modal sheet that enters from any side of the screen and closes with a swipe.
Siteplane UI
Siteplane Dropdown Menuby UI Skillbook
Menu exported under DropdownMenu-prefixed part names for a list of actions opened from a button.
Siteplane UI
Siteplane Editableby UI Skillbook
Text that turns into its own field when clicked, for renaming a project, page or list item in place.
Siteplane UI
Siteplane Empty Stateby UI Skillbook
A centred block, with optional media and actions, telling people why there is nothing here yet and how to proceed.
Siteplane UI
Siteplane File Type Iconby UI Skillbook
A document-sheet icon that shows a file's type and extension, picked from its name.
Siteplane UI
Siteplane Filter Barby UI Skillbook
A layout strip above a list or table for view tabs, search, filter menus, actions and applied-filter tags.
Siteplane UI
Siteplane Frameby UI Skillbook
A muted surface that groups raised panels with an optional header, descriptions and footer.
Siteplane UI
Siteplane Glassby UI Skillbook
Frosted, see-through takes on Card, Button, Menu, Context Menu, Popover and Tooltip, meant to sit on top of photos.
Siteplane UI