Skills
Instructions your agent can follow for layout, type, motion, forms and more.
107 skills
Results
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 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 Groupby UI Skillbook
Joins related buttons, or an input and its button, into one segmented frame. The controls share no state.
Siteplane UI
Siteplane Input Groupby UI Skillbook
One input surface with text, icons, buttons or a header and footer attached around an input or textarea.
Siteplane UI
Siteplane List Boxby UI Skillbook
An always-visible list where one row is selected, with rich multiline rows and typeahead.
Siteplane UI
Siteplane Menuby UI Skillbook
A compact list of actions or choices that opens from a button, with keyboard navigation.
Siteplane UI
Siteplane Messageby UI Skillbook
The layout of one chat turn: content, footer actions and, between people, an avatar and header.
Siteplane UI
Siteplane Message Scrollerby UI Skillbook
The scroll region of a chat thread: opens at the latest message, follows streaming replies and offers a jump back.
Siteplane UI
Siteplane Navigation Menuby UI Skillbook
A row of site links where some entries open dropdown panels of further destinations.
Siteplane UI
Siteplane Number Fieldby UI Skillbook
A numeric input with step buttons, bounds, locale formatting and optional drag-to-scrub.
Siteplane UI
Siteplane Popoverby UI Skillbook
A non-modal surface anchored to a trigger for contextual content people can interact with.
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
Siteplane Prompt Inputby UI Skillbook
Chat input that submits on Enter, expands as the draft gets longer, and swaps Send for Stop during a response.
Siteplane UI
Siteplane Selectby UI Skillbook
A trigger that opens a fixed list of options for one or several choices, without typing to filter.
Siteplane UI
Siteplane Sheetby UI Skillbook
A dialog-backed panel that opens from a screen edge for forms and save-or-cancel tasks.
Siteplane UI
Siteplane Sliderby UI Skillbook
Pick a number or a range by dragging thumbs along a track, with optional scale labels.
Siteplane UI
Siteplane Switchby UI Skillbook
An on/off control for a setting, with an optional label and description row and form submission.
Siteplane UI
Siteplane Tableby UI Skillbook
An interactive data grid with keyboard navigation, sortable columns, row selection and row actions.
Siteplane UI
Siteplane Tabsby UI Skillbook
Keyboard-navigable tabs that switch between related panels of content on the same page.
Siteplane UI
Siteplane Tag Groupby UI Skillbook
A keyboard-navigable set of tags that can be selected or removed, with animated adds and removals.
Siteplane UI
Siteplane Theme Togglesby UI Skillbook
Animated sun and moon toggles that switch an app between light and dark mode.
Siteplane UI
Siteplane Toastby UI Skillbook
Brief notifications that appear after an action and dismiss themselves, managed through one provider.
Siteplane UI
Siteplane Toggleby UI Skillbook
One button that stays pressed or unpressed, for on/off tool states like bold or bookmark.
Siteplane UI
Siteplane Toggle Groupby UI Skillbook
Related pressed-state buttons that share one selection, single or multiple, with arrow-key movement.
Siteplane UI
Siteplane Toolbarby UI Skillbook
A labelled row of related controls that takes one tab stop and moves between items with arrow keys.
Siteplane UI
Siteplane Tooltipby UI Skillbook
Brief text shown on hover or focus that names or explains a control, for example an icon button.
Siteplane UI
Siteplane Traceby UI Skillbook
One-line rows for an AI agent's reasoning, tool calls and sources that expand into their details.
Siteplane UI
Sounds on the Webby raphaelsalaja
Audit interface sound feedback for UX quality, accessibility, and practical implementation patterns.
InteractionExternalGitHub stars: 42
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
Transitions Devby Jakubantalik
Production-ready CSS transition patterns for web apps, with drop-in snippets for cards, modals, dropdowns, panels, and page transitions.
MotionExternalGitHub stars: 46
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
Vueby antfu
Vue 3 Composition API and reactivity guidance for SFCs, script setup macros, and built-in components.
InteractionExternalGitHub stars: 6K
Vue Router Best Practicesby vuejs-ai
Routing architecture and navigation patterns for maintainable Vue Router applications.
InteractionExternalGitHub stars: 3.2K
Vue Router Best Practicesby antfu
Vue Router 4 patterns covering navigation guards, route params, and route lifecycle interactions.
InteractionExternalGitHub stars: 6K