reactjs skills

bartstc/vite-ts-react-template

Skill Claude CodeCodex

Collaboratively write a feature spec with the developer. Trigger when a task involves 5+ unconstrained decisions, spans 10+ files, or the developer explicitly asks for a spec. Do NOT trigger for config edits, CSS fixes, helper functions, exploratory prototyping, presentation-only changes, or when the developer…

binjuhor/shadcn-lar

Skill Claude CodeCodex

Review code quality with adversarial rigor. Supports input modes: pending changes, PR number, commit hash, codebase scan. Always-on red-team analysis finds security holes, false assumptions, and failure modes.

binjuhor/shadcn-lar

Skill Claude CodeCodex

Build React/TypeScript frontends with modern patterns. Use for components, Suspense, lazy loading, useSuspenseQuery, MUI v7 styling, TanStack Router, performance optimization.

binjuhor/shadcn-lar

Skill Claude CodeCodex

Build MCP servers for LLM-external service integration. Use for FastMCP (Python), MCP SDK (Node/TypeScript), tool design, API integration, resource providers.

B3Pay/ic-reactor

Skill Claude CodeCodex

Create, refactor, review, and document IC Reactor React hook integrations for Internet Computer (ICP) apps. Use when working with @ic-reactor/react, createActorHooks, createQuery/createMutation factory patterns, useActorMethod, TanStack Query cache invalidation, generated hooks from the ic-reactor CLI or Vite plugin…

B3Pay/ic-reactor

Skill Claude CodeCodex

Inspect, modify, review, or document the IC Reactor monorepo package architecture. Use when work spans package ownership, package.json exports, tsconfig/project references, build/test scripts, generated artifacts, dependency boundaries, release readiness, or deciding where an AI agent should start for…

omergulcicek/omergulcicek.com

Skill Claude CodeCodex

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and…

omergulcicek/omergulcicek.com

Skill Claude CodeCodex

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

omergulcicek/omergulcicek.com

Skill Claude CodeCodex

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel…

ximing/rab

Skill Claude CodeCodex

A browser debugging guide for inspecting Service objects in applications built with React and @rabjs/react. It uses Chrome DevTools, the browser’s built-in developer tools, to access the application’s Service container.

ximing/rab

Skill Claude CodeCodex

A guide to using the @rabjs/react library for React applications with observable state. It explains components that update when state changes, service classes, dependency injection, asynchronous state, and events.

ximing/rab

Skill Claude CodeCodex

A debugging guide for checking and controlling React Native apps on real phones or simulators through a local service. React Native is a way to build mobile apps with JavaScript and React.

svar-widgets/skills

Skill Claude CodeCodex

Use when building, configuring, styling, or modifying any SVAR React UI component from the @svar-ui/react- packages - widgets, layouts, menus, toolbars, calendars, popups, themes, and locales.

svar-widgets/skills

Skill Claude CodeCodex

Use when building, configuring, styling, or modifying any SVAR Svelte UI component from the @svar-ui/svelte- packages - widgets, layouts, menus, toolbars, calendars, popups, themes, and locales.

svar-widgets/skills

Skill Claude CodeCodex

Use when building, configuring, styling, or modifying any SVAR Vue UI component from the @svar-ui/vue- packages - widgets, layouts, menus, toolbars, calendars, popups, themes, and locales.

MuhammadMustafa18/proteus

Skill Claude CodeCodex

Navigate the Odyseus reference project (parent directory) to study a specific feature, compare it with Proteus, and adapt the implementation. Use when the user asks to check/learn/compare/reference Odyseus for any feature.

williamjxj/friendshipdaycare

Skill Claude CodeCodex

Reviews code changes for bugs, style issues, and best practices. Use when reviewing PRs or checking code quality.

williamjxj/friendshipdaycare

Skill Claude CodeCodex

Build UI components, sections, and pages for the Friendship Corner Daycare website with proper theming, animations, i18n, SEO, and responsive design. Use for: creating new components, adding page sections, building new pages, recreating UI layouts from design inspiration, ensuring theme compatibility across 5 themes…

williamjxj/friendshipdaycare

Skill Claude CodeCodex

Add animations to web components using Framer Motion, GSAP, CSS animations, and modern scroll effects. Use for: hero entrance animations, card hover effects, scroll progress indicators, staggered list animations, parallax scrolling, magnetic button effects, page transitions, scroll-triggered reveals, loading states…