bevy-diagnostics-profiling
Use when profiling Bevy 0.19 with `DiagnosticPath`, `DiagnosticsStore`, `info_span!`, or `RenderDiagnosticsPlugin`: custom metrics, CPU/GPU pass timings,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-20 00:13
Frontend & websites
10,920 results
landing-page-craft
Design, implement, or improve a distinctive, conversion-focused landing page or marketing website. Use for homepages, product pages, launch pages, portfolios,…
html-artifacts
Produce a self-contained HTML artifact instead of a markdown document when the content benefits from spatial layout, color, real diagrams, interactivity, or a…
storybook
Use this skill when creating or updating Storybook stories for Svelte components. Covers Svelte CSF story format, defineMeta, argTypes, snippet-based…
react-dev
React 19 + TypeScript for FMC TanStack Start apps: typed components, events, generics, ref-as-prop, Compiler-first memoization, and useEffect discipline…
bid-cover-formatter
Format tender/bidding document covers from Markdown to HTML-styled Markdown. Use when converting Chinese document covers (招标文件/投标文件/报价文件/商务文件/技术文件/技术协议/采购文件)…
parcel
Provides comprehensive guidance for Parcel bundler including zero-configuration setup, asset handling, hot module replacement, and production builds. Use when…
sveltekit-config
SvelteKit configuration/build/deployment/performance skills. When the user configures an adapter (node/static/cloudflare/netlify/vercel), uses advanced routing/layouts, optimizes performance (code splitting/assets/hydration), handles…
sveltekit-data
SvelteKit data loading, forms, and page options skill. When users load data in SvelteKit using +page.js/+page.server.js, use +server.js API routes, handle form actions (default/named/GET), use use:enhance for progressive enhancement, configure…
sveltekit-overview
SvelteKit overview, creating a project, project types, project structure, web standards, Routing skills. When the user creates a new SvelteKit app, selects a rendering mode (SSR/SSG/SPA/MPA), understands the +page.svelte/+page.server.js/+layout/+server.js/+error file conventions, needs to use...
laravel-vite
Complete Vite bundling for Laravel - assets, HMR, SSR, frameworks, optimization. Use when configuring frontend build pipeline.
eslint-prettier-husky-config
This skill should be used when setting up code quality tooling with ESLint v9 flat config, Prettier formatting, Husky git hooks, lint-staged pre-commit checks,…
token-usage
Guide on correctly using IDS design tokens in React components and CSS. Covers import patterns, common mistakes, and practical usage rules for each token…
modern-css-html
Choose native CSS and HTML features, assess browser support, or replace legacy workarounds with progressive enhancement.
static-spa-interactions
Use this skill when a vanilla static SPA scaffold exists and needs to feel like a polished product — progress persistence, sidebar + scrollspy navigation,…
nesting-optimization
When the user wants to nest irregular shapes on sheets, pack non-rectangular parts optimally, or solve nesting problems for manufacturing. Also use when the…
react-skills
React 18 patterns for LlamaFarm Designer. Covers components, hooks, TanStack Query, and testing.
publish-html-report
Publish self-contained HTML visualizations (diagrams, architecture reviews, analysis reports) viewable directly on GitHub via gist + htmlpreview. Use when the…
style-extractor
Extract evidence-based style guides and motion appendices from websites or web apps. Use when Codex needs reusable visual language, semantic tokens,…
tanstack-charts
Typed chart grammar guidance for marks, scales, layouts, interaction, accessibility, rendering, and framework adapters. Use when a project uses TanStack Charts…
shadcn
Build, update, debug, and style shadcn/ui components using the project's registry and conventions.
tanstack-table
TanStack Table best practices for building headless, type-safe data tables in React with sorting, filtering, pagination, row selection, and column…
react-three-fiber
React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering…
threejs-textures
Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or…