tailwind
Tailwind CSS v4 conventions, dark mode with @variant dark, and CSS-based configuration (no tailwind.config.js). ALWAYS load this skill before editing any…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Frontend & websites
11,292 results
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,…
remotion-best-practices
Best practices for Remotion - Video creation in React
swiftui-view-refactor
Refactor SwiftUI view files into stable, testable structure. Use when splitting large views, tightening data flow, or cleaning Observation ownership.
taste-skill
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware…
agentation
Add Agentation visual feedback toolbar to a project. Use when the user asks to "install Agentation", "add the Agentation toolbar", or "set up visual feedback".…
component-reuse-first
Search existing components before creating new ones. When a new component is unavoidable, design it for future reuse with proper props, composition, and placement in shared directories. Use when building UI, creating React/Vue/Svelte/Angular/SwiftUI components, adding buttons/forms/cards/modals/tables, scaffolding pages, or any time the user says "create a component", "add a component", "build a UI", or mentions component-like work.
jotai-expert
Expert skill for the Jotai state management library. Use when implementing atom-based state management in React applications. Use this skill in the following cases: (1) Jotai atom design and implementation (2) Implementation of derived atoms, async atoms, and atomFamily (3)…
tailwind-css
This skill should be used when the user asks about "Tailwind CSS", "tailwind-variants", "tv() function", "CSS-first configuration", "Tailwind breaking…
filtering-system
Product list filtering and sorting architecture. Use when modifying filters, adding new filter types, working on category/collection pages, or understanding…
tailwind-turbopack
Handle Tailwind CSS with Turbopack limitations. Use when CSS classes aren't being generated, needing dynamic styles, or encountering Turbopack CSS issues.
variant-selection
Variant and attribute selection on product detail pages. Use when modifying variant selectors, debugging "Add to Cart" button state, understanding option…
pug-ui
Generate single-file HTML UIs, reports, dashboards, and landing pages using Pug syntax compiled client-side. Four CSS framework presets (Pico CSS classless…
frontend-ui-skill
Enterprise SaaS frontend — Tailwind v4, shadcn/ui, Next.js App Router or Vite SPA, accessibility, responsive design, component patterns. Use when: React…
react-native-app
React Native cross-platform mobile apps with navigation, state management, native features. Use for iOS/Android development, mobile prototyping, code sharing,…
content-negotiation-for-agents-skill
Adds HTTP content negotiation to a Next.js app so AI agents fetching a page get clean Markdown (via the Accept header) while browsers get normal HTML from the…
tailwind-v4
Tailwind CSS v4 with CSS-first configuration, @theme directive, OKLCH colors, and Vite integration. Use for modern utility-first styling with the new v4…
vue-expert
Use when building Vue 3 applications with Composition API, Nuxt 3, Naive ui , or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite…
vue-fsd
Feature-Sliced Design architecture for Vue 3 applications. Use when structuring large-scale Vue projects with clear boundaries, scalable folder structure, and…
cloudflare-pages
Deploy static sites and full-stack apps on Cloudflare Pages with previews, functions, and custom domains.
expo-animation
Curated upstream guidance for Expo Animation; use when the workflow matches the user goal.
geo-audit
Full website GEO+SEO audit with parallel subagent delegation.
makepad-2-0-layout
Makepad 2.0 guidance for layout; use when building or debugging Makepad UI code.
survey-generator
Generate source-backed AI/ML survey paper artifacts with curated bibliographies and Fireworks/Kimi HTML rendering.