writing-react-ts-code
Core React/TypeScript standards: strict typing, Result-based error handling, component patterns, code style. Use when writing or editing any React/TypeScript…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-31 00:15
Frontend & websites
11,329 results
product-ui-kit
Use when starting, scaffolding, or grounding React frontend repos with Tailwind, shadcn/ui, OSS blocks, reusable app surfaces, optional MapLibre maps, or…
ss-shadcn-svelte
Use shadcn-svelte components in SvelteKit projects. Detects whether the current project is a SvelteKit app with shadcn-svelte installed, lists available…
ss-shadcn-svelte
Use shadcn-svelte components in SvelteKit projects. Detects whether the current project is a SvelteKit app with shadcn-svelte installed, lists available…
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…
container-bounds
Animates container width and height by measuring an inner element and transitioning an outer one.
predictive-prefetch
Prefetches from cursor trajectory and keyboard focus, not from hover or from everything in view.
synthesize-sound
Reviews Web Audio UI sounds for one shared context, exponential decay and click-sized parameters.
browser-automation
Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking…
recoup-internal-consulting-copy-reviewer
INTERNAL — Recoup staff consulting workflow. Use for recoup-internal consulting requests. Reader-reaction review of a finished draft, run through a…
redpanda-frontend-kit
Meta-skill that runs the generic frontend-starter-kit plus additional React skills and Redpanda-specific registry workflow. Use when bootstrapping a new…
setup-tanstack-router
Auto-generate TanStack Router route tree and enforce router patterns via PostToolUse hooks. Bans react-router-dom, window.location, untyped hooks. Use when…
distinctive-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…
site-generation
This skill should be used when the user asks to "generate a website from a report", "convert markdown to React site", "create presentation website", "build…
marketing-pages
Use when creating, updating, editing, or deleting marketing/public pages in the Resend codebase. Covers page structure, component reuse rules, and the…
resend-design-system
Use when building or modifying UI in the Resend codebase. Provides component APIs, variant options, design tokens, composition patterns for all src/ui/…
webtoon-assembly
Webtoon assembly, lettering, QA, and packaging methodology. Assemble rendered panel PNGs (speech bubbles and Korean dialogue already baked into the image) into a vertical scroll viewer (index.html) without overlays, design the letterer's speech bubble/lettering bake specification (dialogue, thought, shout, narration), and perform webtoon QA/inspection (panel count, reference...
dev-nuxt
Build, review, migrate, and debug Nuxt 4 applications with typed composables, SSR/SSG/hybrid rendering, runtime config, Nitro/server routes, and app-directory…
appkit-interop
Decide when and how to bridge a macOS app from SwiftUI into AppKit. Use when implementing NSViewRepresentable or NSViewControllerRepresentable, accessing…
expo-tailwind-setup
Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling
expo-ui-swift-ui
`@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.
ux-audit
Run a UX/UI audit on a web project. Scans for hardcoded CSS values, accessibility violations, design token inconsistencies, and component patterns. Outputs to…
frontend-dev-plain-web
Use when building a webpage with plain HTML and CSS, and only add JavaScript when the requirements clearly need interaction. It fits lightweight code-first…
clean
Intelligent environment reset for React Native projects — diagnoses stale caches before cleaning instead of blindly nuking everything. Triggers on "clean…