react
✓React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.
Installation
SKILL.md
If unsure about component usage, search existing code in this project. Most components extend antd with additional props.
Reference: nodemodules/@lobehub/ui/es/index.mjs for all available components.
Hybrid routing: Next.js App Router (static pages) + React Router DOM (main SPA).
React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks. Source: lobehub/lobe-chat.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/lobehub/lobe-chat --skill react- Source
- lobehub/lobe-chat
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is react?
React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks. Source: lobehub/lobe-chat.
How do I install react?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/lobehub/lobe-chat --skill react Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/lobehub/lobe-chat
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01