Навыки: Дизайн

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.

State management decision tree for React SPAs: useState/useReducer, Context API, Zustand, Jotai, Redux Toolkit, TanStack...

React styling, design tokens, responsive layout, and motion — Tailwind, CSS Modules, CSS-in-JS, design tokens (CSS custo...

Implement styling with Tailwind CSS, CSS Modules, and CSS-in-JS. Use when styling React components, implementing respons...

Senior-level React and Tailwind CSS development expert with 10+ years experience. Automatically audits, generates, and o...

3D declarativo en React con React Three Fiber + drei: Canvas, useFrame, useGLTF, Environment, ScrollControls. ÚSALA en N...

Modern React 19+ patterns with TypeScript including function components, hooks, state management, TanStack Query integra...

Use when building any val with a user interface — dashboards, web apps, landing pages, forms, admin tools, anything user...

Apply React patterns and conventions when working on UI components. Use when editing files in src/ui/, creating React co...

Modern React 19+ development with Server Components, Actions, hooks, TypeScript integration, and performance optimizatio...

Clean up or roll back React migrations: remove old state owners, providers, hooks, adapters, wrappers, and stale imports...

Use Preact signals in ReactStore components/custom hooks: ReadonlySignal, .value, computed, JSX rendering, Babel/useSign...

Patrones y APIs de React 19. Usa cuando trabajes con componentes, hooks, o cualquier codigo React para asegurar que se u...

Builds DAG visualizations using ReactFlow v12 with custom nodes, ELKjs auto-layout, Zustand state management, and live s...

Create functional markdown documents with embedded interactive components for product team collaboration using the react...

Use when starting work on an AstroDeck project, needing to understand the project structure, or looking up available com...

Эксперт по README файлам. Используй для создания документации проектов, badges, installation guides и usage examples.

Guidelines for writing folder READMEs. Use when creating README.md files for directories.

Build premium, realistic soundtracks for code-made videos and animations from real licensed recordings - launch films, p...

UI patterns borrowed from the physical world feel immediately intuitive — cards feel graspable, carousels feel scrollabl...

Builds a Canvas 2D design-tool animation in which a selected word splits into letter objects with their own handles, sca...

Clone a section, widget, page or animation from any reference (a live website URL, a screen recording, an mp4/mov/webm,...

Rebrand the app — change the product name, logo, description, theme, and navigation. Use when porting this template into...

Applies brand customization across the entire site — colors, fonts, logos, metadata, and social images. Use when rebrand...

This skill should be used when the user asks to "recall related knowledge", "search previous solutions", "check what we...

Shoot a VIDEO of the scene — build a sequence, bind a clip to a character, frame the shot and render a frame-locked mp4...

Adjust an already-implemented UI in-session with verification against the design source

Execute from repository evidence through applicable UI Spec and optional ADR decisions to complete frontend Design Doc a...

Judge and drive a shot — value structure, silhouette read, palette and warm-cool balance, atmospheric depth ramp, compos...

Expert guidance for designing and implementing onboarding flows in recovery, wellness, and mental health applications. T...

Build recovery-focused UI components for 12-step companion apps including clean time trackers, daily check-ins, mileston...

Applies Red Hat's official brand colors and typography to any sort of artifact that may benefit from having Red Hat's lo...

Redesign an existing site or app without losing what already works — audits the current surface first, classifies what t...

Redesign or restyle existing UI to match a specific brand's design system. Use when the user has existing code, componen...

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and appli...

Retired: redesigns, restyles and design reviews are part of design-taste-frontend. Runs only when called by name.

Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without r...

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and appli...

Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and appli...

Implement prefers-reduced-motion alternatives.

Redux Toolkit selector rules against re-renders, recalculation warnings, and render loops. Use when writing useSelector/...