react-best-practices
Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Use when writing new React components or Next.js pages,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-01 00:15
Frontend & websites
11,338 results
react-patterns
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
tailwind-patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
site
When to use: build a full website via `/web/.actions/create-site` — themes at `/web/.library/themes`; writable storage on a fresh instance is `/work` (not…
archbrowse
Install and configure ArchBrowse, open React apps, HTML files or websites in a terminal using saved layout and session preferences, and drive the live page…
short-film-editor
Short film editor: music-first workflow, splits story into beat-synced segments (5-15s each), generates HTML storyboard preview for confirmation, maintains…
clone-website
Reverse-engineer and clone a website in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in…
tool-ui-integrator
Find, install, configure, and integrate Tool UI components in React apps using shadcn registry entries, compatibility checks, scaffolded runtime wiring, and…
hyperframes
Create HTML-based video compositions, animated title cards, social overlays, captioned talking-head videos, audio-reactive visuals, and shader transitions…
landing-page-editor
Use when editing, updating, or iterating on a workspace's landing page HTML (the magazine-style /w/:slug page). Supports incremental edits — fetch the current…
create-onboarding-guide
Generate a self-contained HTML onboarding tour of a repository — architecture diagram, directory map, key flow walkthroughs, and a recommended reading order —…
create-review-guide
Generate a self-contained HTML code-review guide for the current changes — big-picture overview, architecture diagram of affected modules, a file/class…
improve-codebase-architecture
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
react-router-file-routes
Reference guide for React Router v7 file-based routing conventions. Use when creating or organizing routes in React Router v7 projects, naming route files, or…
tailwind-design-system
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries,…
gifgrep
Searches for GIFs from Tenor/Giphy and downloads them for sending via Telegram. Use when users want reaction GIFs, memes, or animated images.
ui-css-patterns
UI/CSS design patterns and component reference for the RAPID frontend, covering color semantics, button variant selection, status badge colors, dark mode,…
slack
Use when you need to control Slack from Clawdbot via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
web-atlas-web-design
Build or improve a website using inspected Web Atlas references, responsive screenshots and observed design tokens. Use for web implementation or visual…
intlayer-astro
Integrates Intlayer internationalization with Astro applications. Use when the user asks to "setup Astro i18n", use "getIntlayer" in Astro components, or…
intlayer-next-js
Integrates Intlayer internationalization with Next.js App Router and Pages Router. Use when the user asks to "setup Next.js i18n", use "useIntlayer" in Server…
intlayer-preact
Integrates Intlayer internationalization with Preact applications. Use when the user asks to "setup Preact i18n", create a new translated component, use the…
intlayer-vue
Integrates Intlayer internationalization with Vue.js and Nuxt applications. Use when the user asks to "setup Vue i18n", use the "useIntlayer" composable, or…
ui-harden
Make an existing frontend resilient to real data, failures, devices, languages, accessibility needs, and performance constraints. Use when preparing UI for…