frontend-landings
Generate beautiful, production-ready, animated single-file HTML landing pages. Use this skill whenever the user asks to create a landing page, marketing page,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-22 00:14
Frontend & websites
10,989 results
basercms-plugin-4-to-5-upgrade
A collection of concrete rewrite patterns for Controller/Table/Entity/View/Helper/forms/Vue/JS when migrating the internal plugin code of baserCMS 4 (CakePHP 2-based) to baserCMS 5 (CakePHP 5-based). "Migrating a plugin from 4 to 5" "admin_...
team-frontend-debug
Frontend debugging team using Chrome DevTools MCP. Dual-mode — feature-list testing or bug-report debugging. Triggers on "team-frontend-debug", "frontend…
visx
Build data visualizations with visx (React + D3). Use for charts, graphs, and interactive data exploration.
react-router
React Router v6+ for client-side routing. Covers BrowserRouter, Routes, navigation, data loading, nested routes, protected routes, and code splitting. USE…
pptx-posters
Create research posters using HTML/CSS that can be exported to PDF or PPTX. Use this skill ONLY when the user explicitly requests PowerPoint/PPTX poster…
css-micro-fx
Pure CSS functional feedback effects for form inputs, buttons, loading states and text links. Triggered by :focus, :active, and state changes — not hover.…
tailwindcss
Utility-first CSS styling with Tailwind CSS v4. Use when styling components, configuring themes, responsive design, or building design systems. Triggers on…
flutter-wasm-web
Use when building, optimizing, and deploying Flutter Web applications targeting WebAssembly (Wasm-GC) with modern JS interop.
project-structure
Project structure and file organization guidelines
e2e testing (frontend)
End-to-end frontend testing with Playwright. Page Object Model, selectors, fixtures, accessibility audits. Limited E2E coverage currently - area for…
angular
Provides comprehensive guidance for Angular framework including components, modules, services, dependency injection, routing, forms, and TypeScript…
avue-form
Provides comprehensive guidance for Avue Form component including form configuration, validation, and dynamic forms. Use when the user asks about Avue Form,…
react-forms
Use when building type-safe forms in React with TanStack Form v1 — Zod/Yup/Valibot validation, async validation, field arrays.
twig-templating
Twig template patterns, filters, theme suggestions, and component architecture for Drupal 10/11. Use when creating or modifying Twig templates, implementing…
tailwind-best-practices
Tailwind CSS v4 guidance: utility-first patterns, @theme directive for color/spacing/font config, @source for content paths, dark mode, responsive design,…
html-to-image-render
Use when an HTML file needs to be rendered into an image, including reading the HTML file, performing the rendering, and saving the generated image to a local file.
svg-to-react
Converts SVG files into optimized React TypeScript components with proper accessibility attributes, currentColor fills, and consistent naming conventions. Use…
vercel-kv
Vercel KV, the Redis-compatible key-value store powered by Upstash, in Next.js and other Vercel applications. Covers @vercel/kv setup and environment variables…
multiqc-qc-reports
Aggregates QC from 150+ bioinformatics tools into one interactive HTML report. Scans FastQC, samtools, STAR, HISAT2, Trim Galore, featureCounts, Kallisto,…
supabase-architecture-variants
Use when choosing how to integrate Supabase into a specific stack — setting up Next.js SSR auth flows, wiring an SPA or React Native client, configuring…
tanstack-start
Build full-stack React apps with TanStack Start — server functions, type-safe routing, loaders, middleware, SSR/streaming, and deployment patterns. Use when…
review
Centralizes persona-driven code reviews (Fowler, Torvalds, Carmack, React core, etc.) so Claude can pick or combine expert viewpoints when the user asks for a…
LGPD Check
The English introduction is being prepared.