react-hook-authoring
Use when writing, reviewing, or designing custom React hooks for component libraries. Covers memoization decisions, consumer DX, controlled/uncontrolled…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,036 results
react-hook-authoring-fix
Audits custom React hooks for overengineering, memoization issues, consumer DX problems, and known antipatterns, then applies fixes. Use when the user wants to…
ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter,…
create-artifact
Upload an HTML report to Folslate and return a public fol.ink URL. Prefer HTML over Markdown. Use to share plans, reports, audits, findings, or other…
tailwind-design-system
Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries,…
swr
SWR - React hooks for data fetching with caching. Lightweight alternative to TanStack Query for simple data fetching needs. USE WHEN: user mentions "swr",…
discord
Use when you need to control Discord from CoWork-OSS via the discord tool: send messages, react, post or upload stickers, upload emojis, run polls, manage…
frontend_design_expert
Build modern UI/UX design, write Flutter/React components, color schemes and accessible design
ui-ux-pro-max
Professional-grade UI/UX design specifications, manually triggered when high-quality interface design is needed or automatically triggered when "design sense/professional UI" is described. Covers visual hierarchy, color systems, typographic rhythm, interaction micro-animations, responsive adaptation, etc. Daily frontend development is covered by the frontend-dev skill + frontend-design plugin.
scan-scss-styling
[Documentation] Use when scanning SCSS architecture, BEM conventions, mixins, variables, theming, and responsive patterns.
angular
Builds token-driven Angular components with signals and standalone components. Use when creating Angular component libraries, integrating design tokens, or…
vue
Builds token-driven Vue 3 components with Composition API and TypeScript. Use when creating Vue component libraries, integrating design tokens, or building…
pixi-svelte-integrator
Integrate and validate PixiJS rendering pipelines inside Svelte applications. Use when wiring Pixi application lifecycle to Svelte component lifecycle,…
slack
Use when the agent needs to send, edit, delete, or read Slack messages, add or list emoji reactions, pin or unpin messages, fetch member info, or list custom…
react-use-callback
Guides proper usage of the useCallback hook in React. Use this skill when optimizing function references, passing callbacks to memoized components, or…
nextjs-react-expert
Advanced Next.js (App Router) and React engineering for architecture, server/client boundaries, data fetching, caching, performance, and production operations.…
react-stack
Applies the user's Bun-based React stack across Next.js web and Expo universal profiles, deferring backend and repository details to their domain skills. Use…
hyva-tailwind-include-exclude
Add a module path to the `include` or `exclude` list in `hyva.config.json` for Tailwind CSS compilation. Use this skill when the user wants to include a module…
frontend-a11y-motion-contrast-wcag22
Use when shipping a feature that must meet WCAG 2.2 conformance (nine new Success Criteria over 2.1), measuring text and non-text contrast against the binding…
frontend-impl-view-transitions-scroll-animations
Use when a single-page-app DOM swap needs a Shared-Element transition (old and new states cross-fade with named elements morphing between them) without rolling…
frontend-syntax-html5-form
Use when authoring any HTML form, validating user input, wiring custom widgets into the form lifecycle, integrating password managers / autofill, or deciding…
react-errors-boundaries
Use when building React components that need error recovery and graceful failure handling. Prevents the common mistake of letting uncaught errors crash the…
react-impl-performance
Use when optimizing render performance, profiling components, reducing bundle size, or implementing code splitting. Prevents the common mistake of premature…
react-impl-routing
Use when implementing client-side routing, setting up route configuration, handling navigation, or building protected routes. Prevents the common mistake of…