shadcn-vue
Component usage patterns for shadcn-vue — a Vue component distribution system built on Reka UI and Tailwind CSS. Covers component APIs, forms with…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-23 00:13
Frontend & websites
11,010 results
pwa-patterns
Progressive Web App patterns with Workbox 7.x, service worker lifecycle, offline-first strategies, and installability. Use when building PWAs, service workers,…
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,…
nextjs-app
Generate Next.js 14+ App Router components, including server components, client components, API routes, middleware, and data fetching patterns.
vue-composables
Write high-quality Vue 3 composables following established patterns and best practices. Use when creating new composables, refactoring existing ones, or…
litestar-templating
Configure Litestar templating with `TemplateConfig`, Jinja/Mako/MiniJinja engines, file-or-string `Template` responses, request and CSRF-aware context,…
react-senior-guide
Use when writing or reviewing any React code as a comprehensive reference. Routes to 9 specialized React skills covering hooks, patterns, anti-patterns, and…
bmap-jsapi-v4
For developing, reviewing, or troubleshooting browser applications that use Baidu Map JavaScript API 4.0, the v=4.0 loader, or the global BMap namespace.
basercms5-theme-development
A collection of canonical patterns for developing and modifying themes for baserCMS 5.x (CakePHP 5-based). "Creating a theme", "Structure of theme plugins", "How to write layout/element", "Static page templates ($page->contents)", "Widget element...
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based…
Lead Gatherer Skill
Performs deep research (website analysis, background verification) and structured CSV storage of B2B business leads.
angular-testing
Angular testing with TestBed, ComponentFixture, service testing, and HttpTestingController. Covers standalone component testing and signal testing. USE WHEN:…
accessibility-lead
Web UI accessibility lead. Use before writing or changing HTML, JSX, TSX, Vue, Svelte, CSS or templates. Picks specialists and merges their findings.
hyperframes-registry
Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an…
competitor-intelligence
Compare companies or products using Crawlora website extraction, traffic estimates, reviews, product listings, and hiring data. Use for competitor briefs,…
techstack-prospecting
Find and qualify company websites by their detected technologies using Crawlora's tech-stack dataset and live website checks. Use for technology-based account…
cfd-bioreactor
Use when user needs to simulate fluid flow through bioprocess cartridges, bioreactor geometries, or membrane devices using FEniCSx. Covers Navier-Stokes flow,…
nextjs-expert
Next.js framework expert specializing in App Router, Server Components, performance optimization, data fetching patterns, and full-stack development. Use this…
aria-patterns
Provides ARIA roles, states, and properties for interactive components. Use when building custom widgets, fixing screen reader issues, or implementing modals,…
icon-system
Implements scalable icon systems with SVG sprites or React/Vue components. Use when setting up icon libraries, creating icon sizing tokens, optimizing SVGs, or…
tanstack-router
TanStack Router best practices for type-safe routing, file-based routing, data loading, search params, and navigation in React. Use when building React SPAs…
use-store-not-props-best-practice
Must follow when designing component data flow—prefer accessing global state through the Store, and do not pass it down level by level through Props; applicable during code review and new feature design phases.
tailwindcss-accessibility
Use when implementing keyboard-accessible components, screen-reader-only content, prefers-reduced-motion support, or WCAG 2.2 AA/AAA compliance.
a11y-audit
Audit accessibility (WCAG) in frontend code. Use when asked to "check accessibility", "audit a11y", "check WCAG", or find accessibility issues. Don't use for…