xstate
Model complex UI logic with XState state machines. Use when a user asks to manage complex multi-step flows, model stateful UI (wizards, forms, auth), prevent…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-02 00:09
Frontend & websites
11,379 results
css-responsive
Mobile-first CSS architecture and Tailwind CSS v4 strategy for responsive web applications. Covers: breakpoint strategy, touch interaction, viewport handling,…
react-router
React Router v7 framework patterns for data loading, mutations, error handling, and routing. Covers: loaders, actions, data revalidation, Form patterns, route…
cursor-build-figma
Use for "/cursor-build-figma", a figma.com/design URL with node-id, or "implement this Figma" into a web, desktop, or shared UI. Orchestrates Figma MCP intake,…
hyperframes-website-to-video
Capture a general website/URL and turn it into a video OF the site — tour, showcase, or social clip built from captured screenshots and the site's own brand…
orphan-pages
Use when auditing site architecture or investigating why specific pages have low organic traffic despite good content. Applies to any site with more than ~20…
paste-inputs
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Allow pasting into form inputs. Check native semantics first,…
plain-language
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Write in plain language. Check native semantics first, then…
pluralization
Use when reviewing string concatenation involving counts, translation key lookups, or i18n library configurations to check whether plural forms are handled…
progressive-jpeg
Use when reviewing image assets, markup, and CDN or build transforms related to Use progressive JPEG encoding. Check encoded size, rendered size, loading…
redundant-entry
Use when reviewing any process that spans multiple screens, steps, or modal stages. Follow the real user journey and compare fields across steps instead of…
retina-display
Use when reviewing image assets, markup, and CDN or build transforms related to Support high-DPI retina displays. Check encoded size, rendered size, loading…
scheduler-yield
Use when reviewing JavaScript that performs synchronous loops over large datasets, recursive tree traversals, or bulk DOM updates that may exceed 50 ms on…
schema-noindex-conflict
Use when applies to any site that uses structured data for rich results. Use when investigating why valid schema markup does not produce rich results in Google…
webfont-format
Use when reviewing stylesheets, component styles, and responsive behavior related to Optimize web font formats. Check the rendered layout across breakpoints…
checkout flow
Use when implementing multi-step checkout process.
hamburger menu
Use when you need to display a menu icon for mobile devices.
radio button
Use when implementing select a single option from a group.
ui-rich-text
Expert blueprint for RichTextLabel with BBCode formatting (bold, italic, colors, images, clickable links) and custom effects. Covers meta tags, RichTextEffect…
Fluent UI Cross-Platform
Fluent UI for iOS (Swift/UIKit) and Android (Kotlin) — platform setup, component catalogs, design token parity, CocoaPods/SPM for iOS, Gradle for Android, and…
Fluent UI Forms
Form orchestration with Fluent UI React v9 — Field component, validation display, Formik + Yup integration, React Hook Form + Zod integration, multi-step…
Fluent UI Griffel Styling
Deep knowledge of Griffel CSS-in-JS for Fluent UI React v9 — makeStyles, makeResetStyles, shorthands, mergeClasses, conditional styles, AOT compilation…
Fluent UI Integration Patterns
Integrating Fluent UI with Azure AD B2C custom UI, Office Add-ins (Excel, Word, Outlook task panes), SharePoint/M365 web apps, and navigation patterns (Nav,…
Fluent UI Next.js Integration
Next.js integration for Fluent UI React v9 — App Router setup with 'use client' boundaries, Pages Router setup, SSRProvider and RendererProvider configuration,…