figma-d3-react-ts
D3.js data visualization in React/Next.js components with PIXEL-PERFECT Figma matching. Use when building interactive charts, graphs, network diagrams,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-29 00:09
Frontend & websites
11,279 results
motion-graphics
Make code-driven motion-graphics videos rendered from HTML, frame-accurate and reproducible. Formats - product launch or feature-announcement video built from…
mobile-ux-optimizer
Mobile-first UX optimization for touch interfaces, responsive layouts, and performance. Use for viewport handling, touch targets, gestures, mobile navigation.…
web-design-expert
Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand identity development, visual design…
browser-bridge
Control a real browser through a Chrome extension. Use when you need to access web pages, extract web data, click buttons, fill out forms, perform browser automation, extract evidence of rendered components, or programmatically operate pages. Returns token-efficient structured results through DOM diff, simplified HTML, and component evidence packs. Suitable for browser...
i18n-frontend
Internacionaliza UIs web TypeScript — React, Next.js, Vue, Nuxt, Angular e Tauri — com catálogos, ICU, rotas por locale, RTL, datas/números e html lang. Use ao…
web-3d
Cenas 3D na web com Three.js e React Three Fiber (R3F): performance, fallbacks e acessibilidade. Use sempre que o usuário pedir 3D, WebGL, Three.js, R3F, cena…
js-framework-benchmark-report
Rebuild the local js-framework-benchmark HTML report using the curated framework set for this repo, and avoid polluting the report with every framework in…
react-best-practices
React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure,…
frontend-design
The English introduction is being prepared.
slack
Use when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
html-timeline-roadmap
Create HTML timelines and roadmaps with status pills, dependency arrows, and milestone markers — for quarterly planning, project retrospectives, release…
ui-ux-pro-max
[Frontend] Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. 50 styles, 21…
nextjs-expert
Next.js 14+ App Router development expert, providing best practices, performance optimization, and modern development guidance
base-ui-dialogs-and-anchored-popups
Use for Alert Dialog, Dialog, Drawer, Popover, Preview Card, Tooltip, and shared popup positioning, focus, and portal lifecycles.
base-ui-disclosure-and-tabs
Use for stateful visibility components (Accordion, Collapsible) and tab navigation semantics.
base-ui-handbook-foundations
Use for styling, animation, composition, customization, render prop wiring, and merge/event utility patterns across Base UI components.
base-ui-menus-navigation-and-toast
Use for Menu, Context Menu, Menubar, Navigation Menu, Toolbar, Toast, and shared command-surface patterns such as detached triggers and menu payloads.
base-ui-selection-and-filtering
Use for Autocomplete, Combobox, Select, and Base UI filtering hooks such as useFilter and useFilteredItems.
angular-migration
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS…
frontend-developer
Build React components, implement responsive layouts, and handle client-side state management. Masters React 19, Next.js 15, and modern frontend architecture.…
nextjs-supabase-auth
Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected…
react-ui-patterns
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
tailwind-design-system
Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries,…