baoyu-markdown-to-html
Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, PlantUML, footnotes, alerts, and infographics. Use when user…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,045 results
TanStack Query
Expert guidance for TanStack Query (React Query) including queries, mutations, caching, invalidation, optimistic updates, pagination, and infinite queries. Use…
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,…
react-next-scaffold
(heropy) Use when initializing a new Next.js (SSR) project or when an existing Next.js project needs missing configuration (ESLint, Prettier, TanStack Query,…
scaffold-nextjs-app
Scaffold a new Next.js application with App Router, TypeScript, and modern defaults. Covers project creation, directory structure, routing setup, and initial…
react-testing-library
Write production-grade React tests with Testing Library, MSW, and comprehensive coverage patterns
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
julik-frontend-races-reviewer
Use this agent when you need to review JavaScript or Stimulus frontend code changes with a special eye for race conditions. The agent should be invoked after…
playlet-gzh-feed
Short Drama - Official Account Information Source — Scans official account short drama viral articles daily, filters popular content by read count, intelligently clusters genre directions, and then generates an HTML daily report including cover images, engagement data, and creative insights. Supports targeted queries by genre (time travel/domineering CEO/rebirth, etc.), official account, and time range. ⚠️ Data is updated daily at 15:00 with the previous day's data. When there is no data for the target date, you must first inform the user and wait for confirmation before calling the interface. Automatic retrieval is prohibited. When users need…
next-best-practices
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization,…
next-cache-components
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
bundle-optimization
Specialized skill for analyzing JavaScript bundle sizes, identifying optimization opportunities, detecting unused code, and monitoring performance budgets. Use…
implementing-saaskit-nextjs
Implements Scalekit SaaSKit authentication in a Next.js App Router project using @scalekit-sdk/node. Use when adding auth routes, protecting pages, managing…
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,…
hugging-face-gradio
Build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layouts, or chatbots.
specification-website
Query and apply The Website Specification — a platform-agnostic specification of what a good website does, with each item tagged required, recommended,…
syncfusion-react-list-box
Guide for implementing Syncfusion React ListBox component. Use this when working with list selection components, build dropdown-like lists with custom…
syncfusion-react-mention
Implement the Syncfusion React Mention (MentionComponent) for @-tagging users or items inside editable content areas. Use this when adding @mention or
syncfusion-react-multiselect
Implement Syncfusion React MultiSelect Dropdown component for multi-value selection. Use this when working with multi-select dropdowns, checkbox list pickers,…
syncfusion-react-numerictextbox
Implement Syncfusion React NumericTextBox with comprehensive guidance on validation, formatting, and accessibility. Use this when working with numeric input…
syncfusion-react-textbox
Build single-line and multi-line text input fields using Syncfusion React TextBox. Trigger when user needs text inputs with floating labels, validation states,…
syncfusion-react-uploader
Implement the Syncfusion React Uploader (UploaderComponent) for file upload scenarios. Use this when working with file uploads, drag-and-drop uploads, chunk or…
devtools-production
Handle devtools in production vs development. removeDevtoolsOnBuild, devDependency vs regular dependency, conditional imports, NoOp plugin variants for…