internationalization
Best practices for internationalization (i18n) and localization (l10n) in Flutter, using the built-in `flutter_localizations` and `intl` setup with ARB files…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-20 00:13
Frontend & websites
10,917 results
grilling-frontend-prototyping
Converge on a frontend look through rounds of prototypes and grilling verdicts. Use when the user wants to iterate on UI/visual taste against concrete…
tailwind4-expert
Senior expert in Tailwind CSS 4.0+, CSS-First architecture, and modern Design Systems. Use when configuring themes, migrating from v3, or implementing native…
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,…
web-auth
Authenticate to websites with human-in-the-loop browser handoff. Use when user needs to log into a website, complete 2FA, or solve CAPTCHAs for agent access.
web-forms-tanstack-form
TanStack Form patterns - useForm, form.Field, validators, arrays, linked fields, createFormHook, type safety
grove-auth-integration
Integrate Heartwood authentication into a new or existing Grove property. Covers client registration, PKCE OAuth flow, SvelteKit route setup, session…
component-library
Comprehensive React component library with 30+ production-ready components using shadcn/ui architecture, CVA variants, Radix UI primitives, and Tailwind CSS.…
expo-router
Expo Router 6.x file-based routing for React Native. Use when setting up navigation, creating screens, handling route params, or structuring app layouts with…
tailwind-css
Tailwind CSS 4.x utility-first styling patterns. Use when building UI components, creating responsive layouts, implementing design systems, or customizing…
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,…
ant-design-react
Provides comprehensive guidance for Ant Design React component library including components, design system, themes, and TypeScript support. Use when the user…
svelte-special-elements
Svelte 5 special elements skill. Use when the user needs to use special elements such as svelte:boundary, svelte:window, svelte:head, svelte:element, svelte:options, or configure compiler options, custom elements, catch rendering errors/async pending.
sveltekit-advanced
SvelteKit Advanced Features Guide - State Management, Remote Functions, Environment Variables, Hooks, Error Handling, Link Options, Service Workers, Server Modules, Snapshots (Snapshot/Shallow Routing), $app/* Modules, $lib, $service-worker.
teaching-site
Use this skill as the main entry point whenever the user wants to build, plan, or evolve an interactive teaching website / course microsite / workshop landing…
frontend-docs
Creates selected frontend Markdown documentation from code evidence, including frontend architecture/design docs, feature-system maps, developer onboarding,…
react
Build React 19 components and hooks under React Compiler: state, Effects, memoization, props/refs, Actions, use(), compiler/lint setup, and Vitest tests.…
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,…
html-ppt-zhangzara-bold-poster
Open Design's Series A growth story: the traction curve, the expansion motion, and why it's venture-scale. Built as a decision-grade fundraising pitch deck for…
html-ppt-zhangzara-capsule
Capsule — Modular pill-shaped cards on warm bone with a full pastel-pop palette. Anything that should feel modular, modern, and a little Y2K: lifestyle brands,…
color-palette
Create distinctive, accessible color palettes for UI/web design that avoid generic AI aesthetics. Use when designing websites, applications, or any digital…
thesys-generative-ui
Integrate TheSys C1 Generative UI API to stream interactive React components (forms, charts, tables) from LLM responses. Supports Vite+React, Next.js, and…
peach-setup-ui-proto
Set up the pitch harness system for a Frontend-Only UI Proto project. Organize CLAUDE.md as a minimal entry point, and create/update AGENTS.md to 70-90 lines. Use when: "ui proto harness setup", "ui proto AGENTS cleanup",…
figma-to-divi
Use when the user says 'figma to divi', 'build this figma design in divi', or hands over a Figma frame to rebuild in WordPress on a Divi site. Maps the Figma…