Skills
Instructions your agent can follow for layout, type, motion, forms and more.
203 skills
Results
React Doctorby millionco
Run React Doctor to detect regressions in security, performance, correctness, and architecture, with score-based quality checks.
PerformanceExternalGitHub stars: 15.1K
React Native Best Practicesby callstackincubator
React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.
ResponsiveExternalGitHub stars: 1.7K
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
Refactorby AccessLint
Compatibility listing for refactor installs from AccessLint's marketplace skill set.
AccessibilityExternalGitHub stars: 114
Refine Liveby Jakubantalik
Iteratively refine UI in live sessions with a focus on motion, polish, and interaction detail.
MotionExternalGitHub stars: 5.9K
Responsive Breakpoint Strategyby UI Skillbook
Choose breakpoints based on where your content actually breaks, not a fixed device-width list.
Responsive
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 iannuttall
Use for SEO audits, rankings, keyword research, indexing, metadata, Search Console, GA4, and AI search visibility. Routes to evidence-backed reports through the local SEO CLI and MCP server.
LayoutExternalGitHub stars: 603
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
Shadcnby shadcn-ui
Project-aware shadcn/ui workflow for searching, adding, composing, and fixing components with correct patterns.
Design SystemsExternalGitHub stars: 126.9K
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 Bubbleby UI Skillbook
The surface for a chat message's text, with variants for sender, assistant replies and errors.
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 Dashboard Shellby UI Skillbook
A responsive app frame that combines the sidebar, a sticky top bar and a scrolling content area.
Siteplane UI
Siteplane Data Listby UI Skillbook
Label and value rows that describe one record, laid out side by side or stacked.
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 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 Groupby UI Skillbook
Joins related buttons, or an input and its button, into one segmented frame. The controls share no state.
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 Native Tableby UI Skillbook
A plain HTML table in the same look as Table, for reports and cells whose controls keep their own tab stops.
Siteplane UI
Siteplane Resource Listby UI Skillbook
A list of entities with a status indicator, title, description and meta slot. Rows can be links.
Siteplane UI
Siteplane Scroll Areaby UI Skillbook
A fixed-size region that scrolls with custom overlay scrollbars, plus optional fades at the edges and control over the gutter.
Siteplane UI
Siteplane Separatorby UI Skillbook
A horizontal or vertical line that divides related sections or controls.
Siteplane UI
Siteplane Settings Listby UI Skillbook
A titled card of settings rows, each pairing a label and help text with a control you supply.
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 Sidebarby UI Skillbook
Application navigation in a side column that collapses to an icon rail on desktop and becomes a sheet on mobile.
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 Truncateby UI Skillbook
Cuts text after one line or a set number of lines with an ellipsis and shows the full text in a tooltip.
Siteplane UI
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
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
Svelte Code Writerby sveltejs
Official Svelte code-writing skill focused on modern Svelte patterns, component composition, and production-ready implementations.
LayoutExternalGitHub stars: 335
Svg Animationby iart-ai
SVG animation techniques for stroke draw-on effects, path morphing, motion paths, animated icons, gradients, and filters.
MotionExternalGitHub stars: 64
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
Tailwindcssby MengTo
Use when you are implementing UI with Tailwind and want reusable, practical utility-first patterns.
LayoutExternalGitHub stars: 7.1K
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
Tddby mattpocock
Red-green-refactor workflow for building features and fixes one slice at a time.
LayoutExternalGitHub stars: 306.5K
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 Materialsby cloudai-x
Three.js material guidance for PBR, classic materials, shader materials, and material optimization.
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
To Prdby mattpocock
Turns a conversation into a PRD and publishes it to the issue tracker.
Design SystemsExternalGitHub stars: 306.5K
To Spring or Not to Springby raphaelsalaja
Audit animation timing choices to decide when springs versus easing curves produce better motion.
MotionExternalGitHub stars: 42
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
Tsdownby antfu
Bundle TypeScript and JavaScript libraries with tsdown, including declarations and multi-format builds.
PerformanceExternalGitHub stars: 6K
Turborepoby antfu
Turborepo monorepo build system guidance for pipelines, caching, filtering, CI, and package boundaries.
PerformanceExternalGitHub stars: 6K
Ui Stylingby nextlevelbuilder
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
VisualExternalGitHub stars: 142.5K
Ui Ux Pro Maxby nextlevelbuilder
Comprehensive UI/UX design intelligence with 50+ styles, 97 palettes, and 9 technology stacks for building professional interfaces.
VisualExternalGitHub stars: 142.5K
Unocssby antfu
UnoCSS atomic CSS engine guidance for rules, shortcuts, and presets like Wind, Icons, and Attributify.
VisualExternalGitHub stars: 6K
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