progress-indicator-as-scrubber
Build a seek control from a progress indicator plus a transparent pointer layer instead of from a slider — a hit box taller than the visual, drags consumed so…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-26 00:15
Frontend & websites
11,100 results
responsive-gate-size-not-platform
Gate an adaptive layout on the window's own width-versus-height, never on the platform, and flip every geometry value the gate owns in the same breath — frame…
scoped-composable-shadows-the-top-level-one
Inside a layout scope, a scope-extension composable of the same name wins over the top-level one — silently, since both compile — so a call written for the…
screen-shell-content-split
Split one screen into a shell that owns every cross-look concern and a content layer that only renders, connected by two holders — a state snapshot and an…
selection-mode-state-holder
A small @Stable holder for multi-select in a Compose list — keyed by stable id rather than list position, with every mutation funnelled through one private…
semantic-color-tokens-compositionlocal
Hold the colours that have no Material role — a liked-state pink, an active-line highlight, shimmer tones, overlays that sit on artwork — in an @Immutable…
shell-background-is-not-scheme-background
The moment an app shell paints its content panels in anything other than colorScheme.background, every gradient, scrim and fade whose tail converges on…
slide-transition-defaults-to-half-a-height
A vertical slide transition defaults to HALF the element's height, so it appears already halfway through its own movement and the first part is missing — which…
smooth-scrim-gradient
Build a scrim that melts artwork into the page background without a visible seam — smoothstep easing so the ramp is flat at both ends, colour stops…
story-reel-auto-pager
A story-style reel — a pager that advances itself on a per-card timer, with a segmented progress bar, tap zones to skip forward or back, and a press-and-hold…
swipe-action-list-row
One list row carrying three gestures at once — tap, long-press-to-select, and swipe-sideways-for-an-action — plus a mode flag that changes what the tap means.…
touch-indication-bounds-and-alpha
Soften an app-wide touch ripple by alpha alone and give it the right bounds — the colour derives from the local content colour and stays correct inside a…
variant-layout-math-stays-in-the-variant
When two looks of one screen each need a fit-exactly-one-screen measurement — measure the fixed blocks, split the remainder into equal gaps, floor it at a…
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
native-modules
Expert in React Native native modules, bridging JavaScript and native code, writing custom native modules, using Turbo Modules, Fabric, JSI, autolinking,…
reactor-app
Create WinUI 3 desktop applications using the Reactor framework — a React-inspired declarative C# projection over WinUI 3. No XAML, no data binding, no templates. This file is the legacy single-file skill — prefer the `reactor` plugin under `plugins/reactor/` (or `agentkit/plugins/reactor/` in the NuGet) for a more efficient skill-loading experience.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
moai-domain-frontend
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs,…
balise-visual-references
Finds, selects, and analyzes visual references for products, interfaces, brands, websites, decks, campaigns, motion, and specific UI patterns. Use when…
setup-experiment
Scaffolds new `packages/frontend/editor-ui` experiments using the n8n experiment standard. Use when creating a new editor-ui experiment, adding a PostHog…
typo3-frontend-patterns
Use when implementing common UI components in TYPO3 v13/v14 LTS sitepackages with Fluid 4/5, TypeScript, and SCSS — sticky header, lazy loading, breadcrumb,…
react-best-practices
Provides React patterns for hooks, effects, refs, and component design. Covers escape hatches, anti-patterns, and correct effect usage. Must use when reading…
next-cache-components
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
next-upgrade
Upgrade Next.js to the latest version following official migration guides and codemods