tailwind-v4-configuration
Configure Tailwind CSS v4 with CSS-first approach. Use when installing, migrating from v3, setting up build tools (Vite/PostCSS/CLI), customizing themes with…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-29 00:09
Frontend & websites
11,280 results
building-webapp-react-components
Use when editing any React code in the web application — creating or modifying components, pages, layout, headers, footers, or any TSX/JSX files. Follow this…
commerce-react-storefront-create
Stand up the commerce-b2b-headless reference React storefront in a Salesforce B2B Commerce org, end to end — discover the org's WebStores, pick one, fill the…
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,…
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with…
repo-sync-steward
Sync workflow between the FrankX main repo and frankx.ai-vercel-website branches. Use when cherry-picking blog/content/code changes across repos, updating…
commercetools-headless-commerce
Build headless storefronts against the Commercetools API using the official TypeScript SDK (@commercetools/platform-sdk + @commercetools/ts-client). Use when…
baoyu-markdown-to-html
Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, Mermaid (rendered to PNG via headless Chrome), PlantUML,…
nextjs-rules
Next.js App Router architecture rules for both auditing and development. Use when asked to "review this next app", "check architecture", "audit this nextjs…
frontend-crud-generator
Generate frontend CRUD, list, edit, detail, and dashboard pages plus frontend route registration from the TypeScript swagger client that go-sphere generates,…
webstatus-frontend
Use when modifying the frontend SPA, working with TypeScript, Lit web components, Shoelace components, or frontend tests.
lead-discovery
Orchestrator that runs first for lead generation requests. Gathers business context via website analysis or questions, identifies competitors, builds ICP, and…
web-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…
k6-perf-test-website
Use when the user wants to performance-test, load-test, or stress-test a public website end-to-end with k6. Produces a hybrid (protocol + browser) test suite,…
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…
common-accessibility
Enforce WCAG 2.2 AA compliance with semantic HTML, ARIA roles, keyboard navigation, and color contrast standards for web UIs. Use when building interactive…
nextjs-app-router
Configure file-system routing with nested layouts, route groups, parallel routes, and error boundaries in Next.js App Router. Use when creating page routes,…
nextjs-state-management
Apply best practices for managing URL, server, and client state in Next.js applications. Use when choosing between URL params, SWR/TanStack Query, Zustand, or…
react-component-patterns
Build modern React component architecture with composition patterns. Use when designing reusable React components, applying composition patterns, or…
harden
Production resilience pass. Addresses error states, text overflow, i18n prep, edge cases, loading states, and input validation. Use when asked to "harden…
jb-browser
Drive a visible Playwright Chromium session with Jev via the jb CLI. Use when the user gives a website and wants to find an article, page, or on-site content;…
musical-mv-storyboard
Musical/MV director planning skill: a music-first music video production pipeline. From song/lyric generation or import, to Whisper/energy/drop analysis, short lip-sync placement, director storyboard, keyframes, video generation, EDL/preview.html, ffmpeg post-production compositing. Suitable for live-action musicals, song-and-dance MVs, narrative MVs, and AI-generated songs paired with video.
report
Generate comprehensive HTML health reports with multi-dimensional data visualization using Chart.js and Tailwind CSS, supporting custom sections and time…
vaccine
Vaccination record management with schedule tracking, safety checks, and adverse reaction monitoring