chakra-ui
Chakra UI v3 (React component library) reference. Also known as: Chakra, chakra, chakra-ui. Components (Button, Input, Modal, Drawer, Toast, Menu, Tabs, Tooltip, etc.), ...
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-18 00:12
Frontend & websites
10,834 results
tailwindcss-performance
Tailwind CSS performance optimization including v4 improvements. PROACTIVELY activate for: (1) Tailwind v4 Oxide engine performance, (2) Lightning CSS…
tailwind-responsive-design
Use when building responsive layouts and mobile-first designs with Tailwind CSS. Covers breakpoints, container queries, and responsive utilities.
accessibility
Accessibility patterns for WCAG 2.2 compliance, keyboard focus management, React Aria component patterns, cognitive inclusion, native HTML-first philosophy,…
sgds-forms
Use this skill when users ask about form validation in SGDS, hasFeedback prop, constraint validation, custom validation, noValidate, setInvalid, form…
make-app-filter
Use when generating, integrating, reviewing, or debugging Make App record-list keyword search through Service filter.expression or…
base-ui-react
MUI Base UI unstyled React components with Floating UI. Use for accessible components, Radix UI migration, render props API, or encountering positioning,…
install
Install Subframe into a codebase so you can implement designs locally. Sets up the CLI, syncs components, configures Tailwind and fonts. Only needed when…
use-topbar
Wires the Aura Topbar (@aura/topbar) into Dune/Fusion apps as the single top navigation bar — breadcrumbs, optional center Tabs or Segmented control, right…
tailwindcss-development
Always invoke when the user's message includes 'tailwind' in any form. Also invoke for: building responsive grid layouts (multi-column card grids, product…
source-html-to-app-ui
Rebuild an approved source HTML application as a real, high-fidelity UI in the target repository. Use for source-to-app design tasks requiring interactive…
htmx
Implements HTMX interactions, configures swap behaviors, debugs hx-* requests, and builds hypermedia-driven UI components. Use when tasks involve hx-*…
sgds-workflow
ALWAYS use this skill when building UI with @govtechsg/sgds-web-component or when a user mentions SGDS or Singapore Design System — even if they don't…
auto-animate
AutoAnimate (@formkit/auto-animate) zero-config animations for React. Use for list transitions, accordions, toasts, or encountering SSR errors, animation…
native-to-weapp-vite-wevu-migration
Structured workflow for progressively migrating from native WeChat, Alipay, Douyin, and other mini programs to `weapp-vite + 原生` or continuing to upgrade to `weapp-vite + wevu + Vue SFC` , covering six-platform single-target builds, native extension preservation, Web integration boundaries, route selection, toolchain onboarding, SFC pilots, responsive upgrades, and rollback-capable validation.
angular-material
Angular Material UI component library based on Material Design 3
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,…
datocms-frontend-integrations
Patch, extend, or explain DatoCMS front-end integration code in an existing web project (Next.js App Router, Nuxt, SvelteKit, Astro, plus React/Vue/Svelte…
angular-material
ALWAYS use when working with Angular Material components, CDK, or Material Design in Angular applications.
frontend-app-builder
Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks…
html-style
Applies opinionated styling to barebones HTML, turning tables, lists, status text, buttons, and layouts into a cohesive design. Use when the user has plain…
vue-router-v4
Provides comprehensive guidance for Vue Router v4 including route configuration, navigation, nested routes, route guards, and Vue 3 integration. Use when the…
pp-apartments
The apartment-hunt CLI that actually works in 2026 — Surf-cleared bot protection plus a local SQLite store the website itself doesn't have. Trigger phrases:…
react-three-fiber
Build 3D applications with React Three Fiber (R3F), the React renderer for Three.js. Use this skill when building 3D scenes with React, using declarative JSX…