В каталоге 183 730 навыков в 14 категориях.
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...
Implement prefers-reduced-motion alternatives.
Redux Toolkit selector rules against re-renders, recalculation warnings, and render loops. Use when writing useSelector/...
Redux Slice Generator - Auto-activating skill for Frontend Development.Triggers on: redux slice generator, redux slice g...
Manages global state with Redux Toolkit's createSlice, createAsyncThunk, and RTK Query for data fetching and caching. Us...
Finds the top creators in your niche and their recent viral reels and Shorts with proof (likes, views, comments, date, l...
Guide and principles for refactoring built-in MCP tools in LibrAgent. Use this skill when reviewing, refactoring, or opt...
Practical UI refactoring and visual design review inspired by Refactoring UI by Steve Schoger and Adam Wathan. Use when...
Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off", "fix...
Apply UI design principles from Refactoring UI by Adam Wathan & Steve Schoger. Covers visual hierarchy (size, weight, co...
Visual design heuristics from Refactoring UI (Wathan & Schoger), bridged onto this repo's token contract. Use when desig...
Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or a...
Turn vague taste, screenshots, URLs, product notes, or "make it feel like this" references into a grounded DESIGN.md plu...
Combine multiple inspiration sources into an original product-specific direction using a reference matrix, required tran...
Derive a complete, traceable atomic UI system from a product’s intent, roles, functions, user flows, states, constraints...
Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns,...
Design viral referral programs with incentive structures, sharing mechanics, tracking systems, and optimization strategi...
Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.
Decide whether a design needs a redesign or a refinement, and when it's a refinement, keep the structure and fix only th...
This prompt directs an image model to generate a high-resolution, hyperrealistic luxury campaign-style product shot by p...
Frontend design principles and aesthetic guidelines for Reflex applications. Use when creating or modifying UI pages, ch...
Un gros changement demandé par JP (une refonte, « de zéro », « au complet », « pas juste la peinture ») mené pour qu'il...
This skill should be used when the user is stuck, obvious solutions aren't working, constraints feel impossible, or they...
Choose or migrate the UI component framework of a project (shadcn/ui, Aceternity, Magic UI, DaisyUI, HeroUI, Chakra, Flo...
Reload behavioral guidelines and audit recent actions for compliance
Use when building, fixing, or auditing any form on the ReGen Civics site. Triggers on form readability issues, new form...
Regenerate the LINUX side of one or more CounterStrikeSharp-style gamedata.json files (signatures AND vtable offsets) ag...
A Claude Skill for reproducing Reid Miles' (1927-1993) Blue Note Records typography-led design style in layouts that can...
Design DNA capture — extracts palette, type stack, motifs, motion, and 3D signatures from a shipped HTML file and saves...
Skill for direct usage of Reka UI v2 headless primitives (the foundation of shadcn-vue). Use when you need to compose cu...
Coordinates multi-component releases, feature flags, versioning, and rollback strategies.Trigger terms: release manageme...
Use when generating or editing an Nx version plan in .nx/version-plans/ — the bump type must always be `patch`, one pack...
Create professional package release blog posts following Tidyverse or Shiny blog conventions. Use when the user needs to...
UX/UI review — Nielsen heuristics, accessibility, visual hierarchy, mobile UX, conversion flow, state coverage, dark pat...
Record a learned design constraint from a correction into the project brief. Invoke when the user asks for remember on t...
A type-safe, Redis-backed caching library for Remix applications with SSE-based real-time invalidation, stale-while-reva...
Create programmatic videos with Remotion (React components rendered to MP4). Use when creating animated presentations, p...
Documentation for Remotion - Video creation in React. TRIGGER when working with Remotion code, video composition, React-...
Melhores práticas e guia abrangente do Remotion - criação de vídeos programática em React com animações, composições e m...
[User-Invoked] Use when creating, updating, or previewing Remotion videos.
[User-Invoked] Use when you need create, update, or preview Remotion videos.
Use when creating programmatic videos, animated explainers, or visual compositions with Remotion.
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
Build programmatic videos with Remotion (React). Covers compositions, animations, sequencing, transitions, audio/video e...
Remotion 4.0.542 programmatic video — compositions, frame-deterministic animation (interpolate, spring), Sequence/Series...
How to use Remotion as the assembly layer - read the project's meta.json and stitch the rendered HyperFrames scenes + fo...
Generate Remotion video compositions with React. Use when creating videos, animations, property showcases, or any video...
Best practices for Remotion - Video creation in React
Remotion的最佳实践-在React中创建视频
Remotion video creation expertise — compositions, useCurrentFrame, interpolate, Sequences, assets via staticFile, render...
Load Remotion best practices for React video creation, including animations, composition setup, assets, audio, captions,...
Build programmatic videos with Remotion (React-based video framework). Covers compositions, animations, media, transitio...
Create new Remotion compositions that match this project's established visual style — brand colors/fonts, transparent ov...
Structure Remotion markup for interactivity
Content, animation and effects best practices
ProAnimate's custom Remotion-compatible engine API, layer component patterns, and composition architecture. Auto-applied...
Orchestrates translation of motion designer video specifications into working Remotion code by coordinating specialized...
RA core local filmmaking with Remotion, React and optional Three.js. Use for programmable scenes, cinematic camera work,...
Remotion video production best practices — spring animations, interpolation patterns, SVG draw-on effects, scene transit...
Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions...
Audit UI, docs, or prose for AI-generated tells in design and copy, then fix approved findings. Use when the user says d...