Каталог навыков агентов

Radix UI unstyled accessible React components. Headless primitives. USE WHEN: user mentions "Radix", "Radix UI", "headl...

Radix UI primitive patterns. Use when building accessible, unstyled UI components like dialogs, dropdowns, tooltips, tab...

Build accessible React components with Radix UI primitives. Covers unstyled components, accessibility features, composit...

Builds accessible components with Radix UI primitives including dialogs, dropdowns, tooltips, and form controls. Use whe...

Build accessible, unstyled React UI components with Radix Primitives

Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and comp...

Use when designing Rails models - ActiveRecord patterns, validations, callbacks, scopes, associations, concerns, query o...

Use when styling Rails views - Tailwind CSS utility-first framework and DaisyUI component library with theming

Create Form Objects for complex form handling, multi-model forms, and validation logic. Use when forms involve multiple...

Design and implement Rails service objects for complex multi-step business logic. Use when business operations span mult...

This prompt directs an image-generation model to create an ultra-photorealistic, dreamy fashion editorial portrait that...

This skill guides users through setting up and running Ralph - an autonomous coding loop that repeatedly feeds prompts t...

Run Ralph-style iterative loops for reasoning, alignment, learning, planning, and handoff with strong evidence disciplin...

Run accessibility and visual design review

Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issu...

Builds a ransom-note text effect in DOM and CSS in which every letter is its own cut paper scrap, a different paper colo...

Quickly generate and triage research ideas with constraint clarity and confidence ceilings.

Draft research manuscripts quickly with structured sections, evidence links, and confidence ceilings.

Transforme les notes d'essai de JP (une partie de Sur glace ou une run du Rogue, ses reproches tels quels) en rapport :...

Completely unstyled browser defaults — honest HTML, brutal simplicity, zero CSS.

Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement

ロールベースアクセス制御（RBAC）の設計と実装パターンを提供するスキル。最小権限の原則に基づくロール体系設計、多層アクセス制御、権限チェックロジック、ポリシーエンジン構築を支援。Anchors:• 『Web Application Sec...

Use this skill when architecting new features within the RBAC modular permissions system. Guides architects through work...

Realtor.com brand guidelines for creating branded reports, presentations, dashboards, and visualizations. Includes offic...

Apply RE4 Nested Narratives to structure information as stories within stories for depth and memorability.

Build accessible React interfaces with function components, hooks, and deliberate state ownership; troubleshoot effects,...

Engineers React against its rendering model — components as pure functions of props and state, hooks under the Rules of...

React: component architecture, state ownership, effects, data fetching, forms, a11y, composition. Structure state intent...

Use when implementing advanced React patterns — designing custom hooks, using Suspense or error boundaries, applying Typ...

Use when building advanced React features — designing custom hooks, using Suspense or error boundaries, working in Next....

Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and st...

Expert in React development with modern patterns, hooks, and performance optimization

React patterns, hooks, state management, performance optimization, component architecture, TypeScript patterns for compo...

Apply when writing React components. Hook discipline, state placement, performance, async cleanup, and list keys.

Use when implementing React 19.3 patterns — use(), useOptimistic, useActionState, useEffectEvent, Activity, ViewTransiti...

Automatically validate React/Next.js components meet WCAG 2.1 AA standards. Use when creating components, forms, buttons...

Implement semantic names, keyboard and focus.

Configure React frontend with django-allauth headless API integration, including authentication UI, auth state managemen...

Use when auditing, scaffolding, or validating MetaSaver React portal app directory structure. Includes file organization...

React 19 standards — TypeScript strict, feature-based components, hooks-first composition, TanStack Query for server sta...

DEPRECATED for new standalone React/TypeScript work; use react-agent-skills / react-architecture instead. Select only to...

Use when fixing bugs, something broken, not working, or doesn't work in React - also when adding features, request says...

Use when writing or reviewing React components and hooks — component design, state management, data fetching, memoizatio...

Integrate, customize, and contribute to react-bits (github.com/DavidHDev/react-bits) — the largest and most creative lib...

Over 215+ animated, interactive, copy-paste React micro-components and effects (text animations, interactive backgrounds...

Catalog + task router for React Bits — 130 open-source animated, interactive, fully customizable React components (David...

Build scalable React applications with proper component architecture, custom hooks, state management, and performance op...

Applies GAIA's patterns and conventions for writing and editing React components and hooks. Use this skill whenever writ...

Patterns and conventions for writing and editing React code, including components and hooks. Use this skill whenever wri...

World Pulse: When creating or modifying any React component in `src/renderer/`.

React 컴포넌트 생성, shadcn/ui 통합 작업 시 사용. component, 컴포넌트, UI, shadcn 키워드에 자동 활성화.

Define component boundaries, props and slots.

创建符合项目规范的 React 组件，应用 Positivus 设计系统

When building or refactoring React UI components to ensure reusability and maintainability.

Design and implement React components with hooks, composition patterns, and performance optimization. Use when creating...

DEPRECATED for new standalone React/TypeScript work; use react-agent-skills / react-component-engineering instead. Selec...

Expert in creating React components for Obsidian plugins with proper TypeScript types and integration

Use when reviewing, refactoring, or implementing React components and custom Hooks with unclear boundaries or oversized...

React 组件、页面组件、自定义 Hook 的拆分、重构与评审技能。用户提到“拆组件”“拆 Hook”“这个组件太大了”“这个 Hook 太重了”“帮我理一下这个页面”“这段 React 怎么拆比较合理”“重构 React 组件”“重构页...

Build production-ready React components with TypeScript. Use when creating UI components (buttons, inputs, modals, cards...

Use when React Context patterns for state management. Use when sharing state across component trees without prop drillin...

React component structure, hooks rules, file naming, project layout, composition patterns, performance idioms, and effec...

React 19 development with hooks, Server Components, patterns, performance optimization, and testing

Type-safe React patterns for React 18-19 including generic components, proper event typing, Server Components, Actions,...

Profile the PwrAgent Electron renderer with standalone React DevTools and Computer Use. Use for investigating navigation...

Creates email templates with React components using React Email. Use when building transactional emails, newsletters, or...

React Email + Resend — transactional email templates using React components.

React Email component patterns for building responsive email templates using JSX, component composition, and preview ser...

Implements production-ready React components and application logic from behavioral specifications. Activate when a task...

Design async loading, empty and recovery states.

React development expertise from Meta engineers who built React for billions of users. Use when building React component...

Deep React expertise for component architecture, hooks, state management, performance optimization, and testing. Use whe...

Build validation and submission; Server Actions.

Form patterns for React: react-hook-form (most common), Formik (legacy/stable), TanStack Form (newer). Validation via zo...

React frontend standards covering hooks (useState, useEffect, useContext, custom hooks), state management (Context API,...

Build React components with TypeScript, Tailwind CSS, and React Query for the Medellin Spark platform. Use when implemen...

React and Next.js frontend development: component design, App Router patterns, state management, performance optimizatio...

React Hook Creator - Auto-activating skill for Frontend Development.Triggers on: react hook creator, react hook creatorP...

React Hooksの高度な使用パターンと最適化技術を専門とするスキル。useEffect依存配列、メモ化戦略、カスタムフック設計、useReducerパターンを提供し、予測可能で効率的な状態管理を実現。Anchors:• React公式...

This skill should be used when the user asks to "review React hooks", "check useEffect usage", "optimize hooks performan...

Modal and form patterns for Orient dashboard frontend. Use when creating modals, dialogs, forms, notifications, or any U...

React Native component development with TypeScript, Expo, and React Navigation. Use when creating UI components, screens...

Manages internationalization strings and translation workflows using i18next and react-i18next. Use when adding new text...

Use when working with react-native-skills tasks or workflows

Use when working with React Native Web projects. Provides core concepts, components, and cross-platform patterns for bui...

React and Next.js 14+ application development with App Router, Server Components, TypeScript, Tailwind CSS, and modern f...

React development patterns, hooks, state management, Server Components, and performance optimization. Use for: react, ho...

React and Next.js performance optimization patterns. Use when writing, reviewing, or refactoring React/Next.js code to e...

Implement size-dependent behavior/geometry.

React Server Components（RSC）の実装パターンとNext.js App Routerにおけるベストプラクティスを提供する専門スキル。サーバーコンポーネントとクライアントコンポーネントの責務分離、データフェッチの最適化...

Use when initializing a new React frontend with Vite to connect to a Django backend over HTTPS. Sets up routing, CSRF pr...

React component development guidelines using TypeScript and shadcn/ui. Use when creating UI components, forms, dialogs,...

Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popm...

React implementation guidance for component boundaries, state ownership, accessibility, and practical frontend behavior.