codebase-to-course
Turn any codebase into a beautiful, interactive single-page HTML course that teaches how the code works to non-technical people. Use this skill whenever…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,042 results
artifacts-builder
A toolkit for creating complex multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Suitable for complex artifacts that require state management, routing, or shadcn/ui components, not for simple single-file HTML/JSX artifacts.
saleor-paper-storefront
Project-specific patterns for the Saleor Paper storefront built with Next.js 16, TypeScript, and Tailwind CSS. Use when working with product pages, checkout…
accessibility-guide
Accessibility guidelines for writing component examples in fundamental-styles with proper ARIA, semantic HTML, and WCAG compliance
scenario-roblox-ui
Use when building or fixing Roblox game UI or input: HUD (health bar, currency, ability cooldowns), main menu, shop with a scrolling grid, settings screen,…
frontend-data-contracts
A portable, framework-agnostic discipline for type safety at the network edge of any React or React Native app.
robius-widget-patterns
CRITICAL: Use for Robius widget patterns. Triggers on: apply_over, TextOrImage, modal, reusable, modal, collapsible, drag drop, reusable widget, widget…
markstream-svelte
Integrate the beta markstream-svelte package in Svelte 5 or SvelteKit apps. Use when Codex needs Svelte 5 runes, CSS and optional peers, smooth streaming,…
React 19
Modern React development with React 19 features, hooks, components, and server-side capabilities
frontend-observability
A portable, framework-agnostic field-side observability system for any React or React Native app. Establishes one typed event taxonomy (canonical event-name…
rive-react
Trigger when: (1) Using @rive-app/react-canvas or @rive-app/react-webgl, (2) Using useRive hook or RiveComponent, (3) Building React components with Rive…
animation-gen
Generate CSS and Framer Motion animations from plain English. Use when you need smooth animations without the math.
syncfusion-angular-drop-down-list
Implement the Syncfusion Angular DropDownList component for single-value selection from a predefined list. Use this when building dropdown selectors,…
syncfusion-react-combobox
Implement Syncfusion React ComboBox component for dropdown inputs with search and filtering capabilities. Use this when working with searchable dropdowns, data…
devtools
Register Angular Table v9 instances with injectTanStackTableDevtools inside injection context. Load for reactive table registration, required options.key,…
css
Apply Google CSS style guide conventions to CSS code
tailwind-css
This skill should be used when the user asks to "use Tailwind CSS", "install Tailwind", "style with Tailwind", "add Tailwind utilities", "create responsive…
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…
404-page
Use when reviewing templates, rendered HTML, or shared components related to Create a custom 404 error page. Validate the final browser-facing markup, not just…
keyboard-navigation
Use when reviewing rendered HTML, interactive components, or design-system patterns related to Enable keyboard navigation for all elements. Check native…
login
Use when implementing user authentication and sign-in forms.
progress-indicator
Use when implementing show completion status of an operation.
wizard
Use when implementing multi-step forms and processes.
heroui-native-skill
Build beautiful, accessible mobile UIs with HeroUI Native components for React Native and Expo. Use when building mobile apps with React Native, Expo, or when…