React skills

This skill helps you localize ryOS apps by extracting strings, replacing with translation keys, and syncing translations across languages.

This skill helps you master Docusaurus 3.x for fast documentation sites, enabling efficient config, MDX authoring, and multi-version deployment.

This skill helps you design scalable React, Next.js, Vue, and Angular architectures with atomic design and optimized state management.

This skill helps you architect scalable design systems using atomic design, tokens, and theming for multi-brand components and accessible APIs.

This skill helps you craft polished, production-ready frontend UIs with bold visuals, distinctive typography, and thoughtful micro-interactions.

This skill helps visualize and manage tool lifecycles in React/Next apps, showing pending, running, approval, and results for human-in-the-loop workflows.

This skill helps you craft distinctive production-grade frontend interfaces with bold aesthetics and anti-ai slop principles, elevating UX and accessibility.

This skill helps you design and style UI components across the four OS themes, ensuring consistent retro aesthetics and theme-aware behavior.

This skill enables building AI agent UIs in React/Next.js with runtime tools, streaming, and human-in-the-loop approvals.

This skill enables browser apps to generate and stream AI text using CloudBase JS SDK, with Hunyuan or DeepSeek models.

This skill helps you implement Next.js 16 Cache Components to mix static, cached, and dynamic content for faster, tailored pages.

This skill audits AI readiness of project docs and workflows to ensure future Claude Code sessions can understand, execute, and resume work.

This skill helps you build full-stack React apps with type-safe routing, SSR, and Cloudflare deployment, guiding migrations from Vinxi to Vite.

This skill helps you build Inertia.js v2 React applications, enabling pages, forms, and navigation with deferred props, prefetching, and polling.

This skill analyzes animation code to guide spring vs easing choices and reports findings as file:line notes.

This skill audits AnimatePresence usage in TypeScript projects, delivering file:line findings and actionable improvements for exit animations and presence

This skill helps you implement Zustand state management with type-safe stores, slices, and middleware for scalable React apps.

This skill helps you build accessible, design-faithful React and Next.js UI using shadcn/ui, server components, and design tokens for performance.

This skill helps you build features with AI coding tools, guiding tool selection, prompting strategies, and iterative development workflows.

This skill helps you implement and troubleshoot React useState usage, guiding when to use state, avoid pitfalls, and optimize local component state.

This skill helps you review React code and avoid useEffect misuse by suggesting better patterns for derived state, event handling, and performance.