generate-release-screenshots
Generate PNG screenshots for release notes using the repository's HtmlRenderer and ScreenshotGenerator tools. Use when asked to add screenshots to release…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-25 00:14
Frontend & websites
11,088 results
react-and-nextjs-data-visualization
Integrate data visualizations into React and Next.js applications. Use when the user needs chart components, UML-like or architecture diagram components, React…
scrollytelling-and-parallax-data-visualization
Design and implement parallax scrolling and scrollytelling data visualizations. Use when the user asks for parallax scrolling, scrollytelling, scroll-driven…
web-design-guidelines
Frontend UI review checklist: readability, visual density, spacing, responsiveness, empty states, loading states, and accessibility.
ui-system
Reuse existing UI primitives, CSS vars, and DESIGN.md patterns instead of inventing new buttons, colors, borders, shadows, or helpers — including when…
tailwind-css
Tailwind CSS v3 utility-first styling — setup, responsive design, dark mode, event/state modifiers, tailwind.config.js customization (colors, spacing, screens,…
component-library
Build production-grade, accessible, and tested component libraries with Storybook, Chromatic, and design tokens
react-hooks-patterns
Master React Hooks including useState, useEffect, useContext, useReducer, and custom hooks with production-grade patterns
react-view-transitions
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…
xhtml-author
Write valid XHTML-strict HTML5 markup. Use when creating HTML files, editing markup, building web pages, or writing any HTML content. Ensures semantic…
inertia-react-development
Develops Inertia.js v3 React client-side applications. Activates when creating React pages, forms, or navigation; using <Link>, <Form>, useForm, useHttp,…
tailwindcss-development
Always invoke when the user's message includes 'tailwind' in any form. Also invoke for: building responsive grid layouts (multi-column card grids, product…
technology-selection
Select the tech stack based on full-stack/frontend-only/backend-only and produce a selection checklist. Phase 2 of the full-stack workflow; the development scope must first be confirmed with the user.
i18n
Internationalization conventions for the RedisInsight UI (i18next). Use when adding or changing user-facing strings under redisinsight/ui/**, editing the…
ai-readability-audit
AI readability audit tool that evaluates a website's friendliness to large language models from the perspective of an AI crawler, analyzing structured data, semantic HTML, and Meta information
m3-web-vanilla
Implement Material Design 3 using only vanilla CSS custom properties and semantic classes. Zero dependencies. Use this when building M3-styled static sites,…
frontend-observability
A portable, framework-agnostic field-side observability system for any React or React Native app.
astro-ux
UX patterns and section templates for Astro lead generation sites. Hero, features, testimonials, CTAs, FAQ sections. Use for page section design.
ui-primitive-picker
Select one appropriate native element, existing project primitive, headless component, or UI library for a specific interface need, after inspecting the real…
syncfusion-angular-form-builder
Comprehensive guide to implementing, configuring, and customizing Syncfusion Angular Form Builder forms. Use when creating an Angular form designer, loading an…
syncfusion-angular-form-renderer
Comprehensive guide to implementing, configuring, and customizing Syncfusion Angular Form Renderer forms from JSON schemas. Use when building or…
syncfusion-vue-3d-chart
Implementing Syncfusion Vue 3D Chart component for interactive 3D data visualization. Use this skill ALWAYS when user needs to create 3D charts, visualize data…
syncfusion-vue-3d-circular-chart
Create interactive 3D pie and donut charts using Syncfusion Vue components. Use this skill whenever the user needs to visualize data as circular/pie charts…
syncfusion-vue-accumulation-chart
Master Syncfusion Vue Accumulation Charts for building pie, doughnut, funnel, and pyramid visualizations. Always includes data binding, legend configuration,…