tailwind
Tailwind CSS v4 styling and configuration.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-16 00:02
Frontend & websites
9,748 results
sveltekit-remote-functions
SvelteKit remote functions guidance. Use for query(), form(), command(), and prerender() patterns in .remote.ts files.
edu-chem-reaction
Turn a chemical reaction into a self-contained microscopic 3D interactive demo webpage: on the left/top is a Three.js interactive molecular animation (drag the slider to see bond breaking, bond forming, and atomic recombination, with step-by-step highlighting), on the right is a KaTeX reaction equation + step-by-step explanation + atom conservation count + optional energy-reaction progress curve. Supports three entry points—a given text reaction/equation, random question generation, and image upload recognition followed by a demo.…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
exploring-autocapture-events
Guides exploration of $autocapture events captured by posthog-js to understand user interactions, find CSS selectors (especially data-attr attributes),…
walkthrough
Generates a self-contained HTML file with an interactive, clickable Mermaid diagram (flowchart or ER diagram) that explains how a codebase feature, flow,…
backend-to-frontend-handoff-docs
Create API handoff documentation for frontend developers. Use when backend work is complete and needs to be documented for frontend integration, or user says…
shadcn-inertia
shadcn/ui component integration for Inertia Rails React (NOT Next.js): forms, dialogs, tables, toasts, dark mode, command palette, and more. Use when building…
implement_lenis_scroll
Instructions for implementing Lenis smooth scrolling in a Next.js or React application.
tauri-window
Guidance for Tauri v2 window creation, configuration, lifecycle management, and custom titlebar UI.
kuikly-expand-view
Kuikly custom View development assistant. Guides how to create custom UI components and expose native Views for use on the Kuikly side. Covers the complete development process: component definition on the Kuikly side, Native-side implementation for each platform (Android/iOS/HarmonyOS ArkTS/H5/Mini Program) and usage. Use when users need to customize and extend UI components.
expo-react-native-coder
Comprehensive Expo React Native feature development guide. This skill should be used when building mobile app screens, navigation, data fetching,…
Web Design Builder
Create and refactor HTML5/JavaScript web designs from specifications or descriptions. Generates complete, accessible, responsive web designs with modern…
guide-swiftui-charts
Swift Charts patterns — marks, axes, selection, styling, composition, Chart3D, accessibility, and Audio Graph. Use when building or improving charts in SwiftUI.
formisch
Form handling with Formisch, the schema-first and type-safe form library for Angular, Preact, Qwik, React, React Native, Solid, Svelte, and Vue. Use when…
fluid-functionalism
Build React UIs with Fluid Functionalism — a shadcn/ui registry (@fluid) of animated components with a shared motion system: three spring speeds, a hover…
border-beam-react
Animated border beam/glow effect component for React applications
kuikly-reactive-observer
Kuikly Reactive Update and Directive System Development Assistant (Kuikly DSL). Guides how to use observable, observableList, observableSet to implement reactive UI updates, as well as the correct usage of directives such as vfor, vforIndex, vforLazy, vif, velseif, velse, vbind, etc. When the user is in...
converting-css-to-tailwind
Convert plain CSS stylesheets to Tailwind CSS utility classes. Handles selectors, media queries, pseudo-classes, custom properties, and animations.
frontend-react-router-best-practices
React Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with React Router data fetching. Triggers on…
deno-frontend
Use when building a web frontend with Deno — running React, Vite, Astro, SvelteKit, Next.js, Nuxt or other npm frameworks under Deno, or working with Fresh,…
tauri-app-frontend-selection
Guidance for selecting and configuring frontend frameworks for Tauri v2 with static export compatibility.
inertia-rails-setup
One-time project initializer for Inertia Rails skills. Detects stack and frontend framework (React/Vue/Svelte) from Gemfile and package.json, offers to install…
react-best-practices
Run measurement-led React and Next.js performance audits for waterfalls, bundle size, RSC/server-client boundaries, hydration mismatch, rerender churn, script…