stylex-styling
StyleX styling patterns using design tokens, breakpoints, and custom css prop. Use when working with styles, CSS, design tokens, breakpoints, responsive…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-26 00:15
Frontend & websites
11,095 results
react
React v19 best practices for Vite SPA. Triggers on component design, re-renders, performance, memoization, state management, bundle optimization. Use for…
tcbs-stack
Builds full-stack apps with TanStack Start, Convex backend, Better-Auth authentication, and Shadcn UI. Use when creating React apps with real-time database,…
m3-web-angular
Implement Material Design 3 in Angular using Angular Material (@angular/material) with first-class M3 support. Covers M3 theming via design tokens, SCSS…
Next.js 15
Modern React framework for building full-stack web applications with App Router, Server Components, and optimized performance
astro-i18n
Internationalization patterns for Astro sites. Multi-language routing, content translation, locale switching, RTL support. Use for multi-market lead generation.
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…
syncfusion-javascript-spinner
Implement Syncfusion TypeScript Spinner control for loading indicators and asynchronous operations. Use this skill when implementing loading spinners, progress…
react-engineering
React best practices and patterns for building maintainable, performant applications with modern React features
styling-with-tailwind
Creates UIs using Tailwind CSS utility classes and shadcn/ui patterns. Covers CSS variables with OKLCH colors, component variants with CVA, responsive design,…
effective-html-wireframe
Direct-invocation specialist for low-fidelity, self-contained HTML wireframes that test information hierarchy, content, navigation, task flow, and responsive…
anchor-text
Use when auditing metadata, crawlability, structured data, or indexability related to Use descriptive anchor text. Verify the rendered HTML and HTTP response…
autoplay-media
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autoplaying media. Check native semantics first, then…
back-forward-cache
Use when reviewing navigation performance, browser lifecycle events, or resume-from-memory behavior. Check the actual browser lifecycle and restore path, not…
breadcrumb-navigation
Use when reviewing templates, rendered HTML, or shared components related to Implement accessible breadcrumb navigation. Validate the final browser-facing…
canonical-chain
Use when auditing metadata, crawlability, structured data, or indexability related to Avoid redirect chains on canonical URLs. Verify the rendered HTML and…
offline-fallback
Use when adding PWA capabilities, implementing a service worker, or improving the experience for users on unreliable network connections.
reduced-motion
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Respect reduced motion preferences. Check native semantics…
sitemap
Use when auditing metadata, crawlability, structured data, or indexability related to Create and submit an XML sitemap. Verify the rendered HTML and HTTP…
comment-system
Use when implementing user comments and discussion threads.
currency-input
Use when implementing enter and format monetary values.
date-input
Use when implementing enter dates in a structured text format.
date-picker
Use when implementing select dates from a calendar interface.
kanban-board
Use when you need to organize tasks in columns and swimlanes.