Loading...
Loading...
Found 83 Skills
Comprehensive React development with hooks, components, state management, context, effects, and performance optimization based on official React documentation
Front-end development expert for this project. Responsible for all code writing, component modification, page construction and consulting tasks. **Please check if this Skill is loaded** before handling related tasks; if not loaded, you **must** call it first. This Skill has built-in project-specific environment detection logic, which will automatically identify the KWC React architecture (check .kd directory, etc.) and apply mandatory development specifications (i.e., rule.md under this Skill directory). Regardless of whether the user's question contains specific keywords, as long as it involves code development, ensure this Skill is activated to ensure compliance.
React patterns, anti-patterns, and performance optimization. Use when writing React components, reviewing React code, or debugging React issues.
Component development expert for general React projects. Suitable for scenarios that do not rely on KWC project structure and only need to use @kdcloudjs/shoelace and KWC extended components in React projects. Responsible for component code writing, access methods, event binding, style specifications and related API consultation. If the current project is already a KWC React project, please use kwc-react-development instead.
React web development with hooks, React Query, Zustand
Build complete, functional apps with InstantDB as the backend. Use when creating React/vanilla JS or expo applications. Triggers on requests for building apps.
Comprehensive skills for working with valtio-define
Use when building React 18+ applications requiring component architecture, hooks patterns, or state management. Invoke for Server Components, performance optimization, Suspense boundaries, React 19 features.
Create Framer Code Components and Code Overrides. Use when building custom React components for Framer, writing Code Overrides (HOCs) to modify canvas elements, implementing property controls, working with Framer Motion animations, handling WebGL/shaders in Framer, or debugging Framer-specific issues like hydration errors and font handling.
Best practices for Zustand state management in React and Next.js applications with TypeScript.
Add Agentation visual feedback toolbar to a Next.js project
Modern web development expertise covering React, Node.js, databases, and full-stack architecture. Use when: building web applications, developing APIs, creating frontends, setting up databases, deploying web apps, or when user mentions React, Next.js, Express, REST API, GraphQL, MongoDB, PostgreSQL, or full-stack development.