Skills
Instructions your agent can follow for layout, type, motion, forms and more.
257 skills
Results
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 Line Chartby UI Skillbook
Lines on a shared axis that show how one or more measures rise and fall over time or ordered steps.
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 Markerby UI Skillbook
A low-key line between chat messages for things like status updates, system notes or date dividers.
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 Meterby UI Skillbook
A bar for a value inside fixed bounds, like storage used, that can carry a status tone.
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 Pie Chartby UI Skillbook
A donut or pie that shows how one total splits into a few shares, with an optional figure in the hole.
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 Progressby UI Skillbook
A bar or circle that reports how far a task has got, or that it is still under way.
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 Separatorby UI Skillbook
A horizontal or vertical line that divides related sections or controls.
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 Skeletonby UI Skillbook
Decorative shapes that stand in for content while it loads, keeping the layout steady.
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 Sparklineby UI Skillbook
A tiny axis-free chart that shows the shape of a trend next to the number it belongs to.
Siteplane UI
Siteplane Spinnerby UI Skillbook
A looping animation that shows work is under way when its duration is unknown.
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 Timelineby UI Skillbook
A vertical list of events in time order with coloured or icon markers and an optional now line.
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
Slide Wrightby arifszn
Create beautiful, animated web presentations from a topic, rough notes, or an outline. Generates a custom theme and a short two-slide preview, then builds the full deck only once the user confirms the direction. Use when the user wants to make slides, a presentation, a talk deck, or a pitch deck.
MotionExternalGitHub stars: 65
Slidesby nextlevelbuilder
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
VisualExternalGitHub stars: 142.5K
Slidevby antfu
Create developer slide decks with Slidev using Markdown, Vue components, code highlighting, and animations.
MotionExternalGitHub stars: 6K
Slopbethby ehmo
Remove AI-writing tells from prose while preserving meaning, voice, and density during drafting, editing, or review.
TasteExternalGitHub stars: 110
Smooth Shadow Ringby flornkm
Style elevated surfaces with smooth shadow ring utilities instead of combining borders or rings with shadows and creating double edges.
VisualExternalGitHub stars: 149
Sounds on the Webby raphaelsalaja
Audit interface sound feedback for UX quality, accessibility, and practical implementation patterns.
InteractionExternalGitHub stars: 42
Spacing That Doesn't Look AI-Generatedby UI Skillbook
Use a consistent spacing scale and grouping logic instead of arbitrary padding values.
Layout
Stitch Design Tasteby Leonxlnx
Semantic design-system skill for Google Stitch with strict anti-generic UI generation rules.
Design SystemsExternalGitHub stars: 105.4K
Svg Animationby iart-ai
SVG animation techniques for stroke draw-on effects, path morphing, motion paths, animated icons, gradients, and filters.
MotionExternalGitHub stars: 64
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
Swiss Designby zeke
Swiss design system skill focused on grid discipline, typography hierarchy, and clean editorial interface composition.
VisualExternalGitHub stars: 159
Sync Figma Tokenby firebenders
Sync design tokens between code and Figma variables with drift reporting, approval gates, safe delta apply, and persisted reports.
Design SystemsExternalGitHub stars: 27
Taste Skill V1by Leonxlnx
The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-taste-frontend` (v2 experimental), which is a substantial rewrite. Use this v1 install name only if you need exact backward compatibility.
VisualExternalGitHub stars: 105.4K
Text to Lottieby diffusionstudio
Turn text prompts into polished Lottie animations for motion-heavy UI work.
MotionExternalGitHub stars: 5.6K
Threejsby MengTo
Use when building 3D scenes, interactions, or WebGL-backed interface moments in Three.js.
VisualExternalGitHub stars: 7.1K
Threejs Animationby cloudai-x
Three.js animation guidance for keyframes, skeletal animation, morph targets, and animation blending.
VisualExternalGitHub stars: 3.8K
Threejs Fundamentalsby cloudai-x
Three.js scene setup guidance for cameras, renderer configuration, object hierarchy, and transforms.
VisualExternalGitHub stars: 3.8K
Threejs Geometryby cloudai-x
Three.js geometry patterns for built-in shapes, BufferGeometry, custom meshes, and instancing.
VisualExternalGitHub stars: 3.8K
Threejs Interactionby cloudai-x
Three.js interaction patterns for raycasting, controls, pointer input, and object selection.
VisualExternalGitHub stars: 3.8K
Threejs Lightingby cloudai-x
Three.js lighting guidance for light types, shadows, environment lighting, and performance tuning.
VisualExternalGitHub stars: 3.8K
Threejs Loadersby cloudai-x
Three.js asset loading patterns for GLTF, textures, HDR assets, async loading, and progress handling.
VisualExternalGitHub stars: 3.8K
Threejs Materialsby cloudai-x
Three.js material guidance for PBR, classic materials, shader materials, and material optimization.
VisualExternalGitHub stars: 3.8K
Threejs Postprocessingby cloudai-x
Three.js post-processing techniques with EffectComposer, bloom, depth of field, and screen-space effects.
VisualExternalGitHub stars: 3.8K
Threejs Shadersby cloudai-x
Three.js shader guidance for GLSL, ShaderMaterial, uniforms, and custom vertex and fragment effects.
VisualExternalGitHub stars: 3.8K
Threejs Texturesby cloudai-x
Three.js texture workflows for maps, UV mapping, environment maps, and texture configuration.
VisualExternalGitHub stars: 3.8K