React skills

storybookjs/react-native

Instructions file

Instructions for storybookjs/react-native, covering development commands, initial setup, development, story generation and testing.

storybookjs/react-native

Skill Claude CodeCodex

Set up Storybook for React Native in Expo, React Native CLI, or Re.Pack projects. Use when adding Storybook to a project, configuring metro.config.js with withStorybook, creating .rnstorybook configuration files, setting up Storybook routes in Expo Router, configuring getStorybookUI, or adding the StorybookPlugin to a…

storybookjs/react-native

Skill Claude CodeCodex

Incrementally upgrade React Native Storybook across the supported migration paths. Use when upgrading @storybook/react-native projects from 5.3.x to 6.5.x, 6.5.x to 7.6.x, 7.6.x to 8.3.x, 8.x to 9.x, or 9.x to 10.x. Detect the currently installed Storybook version, choose only the next migration step, update…

storybookjs/react-native

Skill Claude CodeCodex

Create and edit React Native Storybook stories using Component Story Format (CSF). Use when writing .stories.tsx files, adding stories to React Native components, configuring Storybook addons (controls, actions, backgrounds, notes), setting up argTypes, decorators, parameters, or working with portable stories for…

anl331/goey-toast

Skill Claude CodeCodex

Install and use goey-toast — a gooey, morphing React toast component built on Sonner with Framer Motion. Use when adding toast/notification UI to a React app (success/error/warning/info/promise toasts), or when the user mentions goey-toast / gooey toast.

MiniMax-AI/OpenRoom

Instructions file

Instructions for MiniMax-AI/OpenRoom, covering vibeapp development guide, quick start, tech stack, file structure and workflow structure.

coollabsio/jean

Agent Claude Code

Use this agent when you need expert guidance on React application architecture, component design, performance optimization, or code quality improvements. This agent is specifically tuned for this project's tech stack (Tauri v2, React 19, shadcn/ui v4, Tailwind v4, Zustand v5, Vitest v3) and should be used for…

coollabsio/jean

Agent Claude Code

Use this agent when you need expert UI/UX design guidance for Tauri React applications, including component design, layout improvements, accessibility enhancements, or creating native-feeling desktop experiences. Examples: Context: User is building a Tauri app and wants to improve the visual design of their dashboard…

Ido-Levi/Hephaestus

Agent Claude Code

Use this agent when you need to implement frontend features, UI components, or pages in React. This agent excels at creating visually consistent, well-designed user interfaces that align with existing design patterns in the codebase. Call this agent for tasks like 'Create a new dashboard page', 'Implement the user…

highcharts/highcharts-react

Skill Claude CodeCodex

Use to implement, configure, and troubleshoot Highcharts in React projects. Trigger for Highcharts-related chart or data visualization work — when in doubt, use this skill if Highcharts is a candidate.

canwhite/Krebs

Skill Claude CodeCodex

A React coding guideline that avoids direct use of useEffect, a feature for responding to changes in data or the page. It recommends other patterns instead.

daangn/seed-design

Command Claude Code

Use the check-docs-consistency skill to validate alignment across rootage/design/react docs.

daangn/seed-design

Command Claude Code

Use the create-component skill to implement a new component end-to-end in SEED Design.

daangn/seed-design

Skill Claude CodeCodex

End-to-end SEED component implementation guide for React Web, Lynx, and cross-platform work. Use when adding or changing components across rootage, qvism, react/lynx packages, registry snippets, docs, examples, or when writing/refactoring docs/stories Storybook files. Story-only work follows a CSF Next fast path…

daangn/seed-design

Skill Claude CodeCodex

An integration guide for SEED Design, covering shared component specifications and foundations plus React and Lynx implementation guidance.

jarrodwatts/claude-code-config

Skill Claude CodeCodex

React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.

jarrodwatts/claude-code-config

Skill Claude CodeCodex

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…

entropyconquers/react-native-reanimated-dnd

Plugin Claude Code

Claude Code skill for integrating react-native-reanimated-dnd — drag-and-drop, sortable lists, sortable grids, and drop zones for React Native apps.

openops-cloud/openops

Skill Claude CodeCodex

Use when creating or editing frontend React code in react-ui or ui-components packages. Triggers on any frontend component, hook, or UI work.

childrentime/reactuse

Command Claude Code

Scaffold a new hook end-to-end — implementation, tests, docs, registry, lint.

manycoretech/aholo-viewer

Agent

Use these instructions when Claude is helping a user integrate the public @manycore/aholo-viewer npm package into a browser application.

1771-Technologies/lytenyte

Skill Claude CodeCodex

Use this skill when the user is working with LyteNyte Grid (@1771technologies/lytenyte-pro or @1771technologies/lytenyte-core), a headless React data grid. Activate for tasks like: installing or licensing LyteNyte Grid, configuring columns or rows, building cell renderers or editors, adding filters or sort controls…

J3n5en/EnsoAI

Instructions file

Project instructions describing the user-interface rules, comment language, formatting, and commit-message conventions for a React application. Conventional Commits is a standard format that labels changes such as features, fixes, tests, or documentation.

callstackincubator/cali

Skill Claude CodeCodex

Use when working in the Cali repository or when you need to run, extend, or debug the Cali CLI for mobile React Native and Expo workflows. Covers Cali commands (qa, review, perf-review, dev), the shared cali-context.json contract, local mode selection, required local CLIs, provider setup, and CI integration patterns.