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…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-21 00:11
Frontend & websites
10,943 results
senior-qa
Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications. Includes test suite…
qa-quarto
Adversarial Quarto-vs-Beamer parity QA. A critic agent compares the Quarto HTML render to the Beamer PDF benchmark for content/visual parity; a fixer agent…
building-html-canvases
Author a PostHog canvas with semantic HTML, CSS, and direct browser APIs — documents, articles, generative graphics, 2D canvas and WebGL experiences, and…
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,…
quant-buddy-view
Publish quantitative analysis or existing JPG/PNG, HTML, PDF as a Quant Buddy shareable live page or real-time dashboard, and support creation, update, reuse, acceptance, and public link delivery. Suitable for pages such as individual stock profiles, valuation and financials, index movements, multi-factor screening, commodity daily reports, templates, sharing shells, and cards. Also used when the user provides a QuantBuddy live page URL and requests interpretation. Explicitly invoke…
nuxt-starter-netlify
Minimal Vue landing page with Nuxt for Netlify.
tanstack-chat-netlify
Modern chat app with TanStack Router and Claude AI for Netlify.
converting-css-to-tailwind
Convert plain CSS stylesheets to Tailwind CSS utility classes. Handles selectors, media queries, pseudo-classes, custom properties, and animations.
syncfusion-aspnetcore-bullet-chart
Guide for implementing Syncfusion Bullet Chart in ASP.NET Core applications. Use this skill when building comparative performance visualizations, KPI…
syncfusion-flutter-gauges
Implements Syncfusion Flutter Gauge widgets (SfLinearGauge, SfRadialGauge) for data visualization and measurement displays in Flutter apps. Use when building…
syncfusion-javascript-appbar
Learn how to implement and configure the Syncfusion TypeScript AppBar control for navigation bars, app headers, and UI toolbars. This skill covers responsive…
syncfusion-javascript-breadcrumb
Learn to implement and configure the Syncfusion TypeScript Breadcrumb component for navigation. Use this skill when implementing breadcrumb navigation for web…
syncfusion-javascript-stepper
Create and implement the Syncfusion TypeScript Stepper navigation component. Use this skill whenever a user wants to display a progress indicator with steps,…
syncfusion-winui-autocomplete
Guide implementation of the Syncfusion WinUI AutoComplete control (SfAutoComplete) for creating searchable dropdowns with single or multiple selection,…
vue-router
Vue bindings for TanStack Router: RouterProvider, useRouter, useRouterState, useMatch, useMatches, useLocation, useSearch, useParams, useNavigate,…
react-context-patterns
Use when React Context patterns for state management. Use when sharing state across component trees without prop drilling.
nextjs
Next.js development including App Router, Server Components, API routes, and deployment. Activate for Next.js apps, SSR, SSG, and React Server Components.
shopify-liquid
Guide for using the Liquid template language within Shopify Theme App Extensions and Themes. Use this skill when building App Embed Blocks, App Blocks, or…
phase-6-ui-integration
Implement frontend UI and integrate with backend APIs — state management and API clients. Triggers: UI integration, frontend-backend, API client default:…
pixel-perfect-replication
Image-to-code replication pipeline. When the user provides a screenshot or design reference, this skill runs a structured extraction across seven layers (grid,…
makepad-2.0-theme
CRITICAL: Use for Makepad 2.0 theme system. Triggers on: makepad theme, theme variable, theme color, theme font, theme spacing, dark mode, light mode, theme…
modern-tailwind
Build clean, scalable UIs with Tailwind CSS using modern utilities and variants
aesthetic-application
Use this skill when you need a complete developer-ready design specification for a named aesthetic: W3C DTCG design tokens, CSS custom properties, cultural…