Claude MarketplacesSubmit
lobehub avatar

React

lobehub/lobe-chatOfficial

This is a comprehensive React/SPA conventions guide built for LobeHub projects. It's opinionated: antd-style with createStaticStyles over createStyles for zero-runtime CSS, component hierarchy that prioritizes base-ui primitives before higher-level components, and Flexbox layouts everywhere. The routing section is especially dense, covering hybrid Next.js App Router plus React Router DOM with a critical warning about .desktop.tsx sync rules that can cause blank screens in Electron if you forget to update both files. Use this when you're working in a LobeHub codebase and need to know which Modal to import, whether to use Link from react-router-dom or next/link, or how to wire up desktopRouter without breaking the Electron build.

skills.sh installs
1.4K
GitHub stars
79.8K
last updated
Jul 14, 2026
View on GitHub

Install

$ npx -y skills add lobehub/lobe-chat --skill react --agent claude-code

Installs into .claude/skills of the current project.

Files

React Component Writing Guide

Styling

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/lobehub/lobe-chat
Category
Frontend Development
First seen
May 16, 2026

More from lobehub/lobe-chat

All 16

Recommended

More Frontend Development
1likaia avatarui-ux-pro-maxlikaia/nginxpulseui ux pro max1.3Kskills.sh installs
2callstackincubator avatarreact-devtoolscallstackincubator/agent-devicereact devtools1.3Kskills.sh installs
3sickn33 avatartailwind-design-systemsickn33/antigravity-awesome-skillstailwind design system1.3Kskills.sh installs
4ruvnet avataragent-spec-mobile-react-nativeruvnet/rufloAgent skill for spec-mobile-react-native - invoke with $agent-spec-mobile-react-native1.3Kskills.sh installs
5jezweb avatarreact-hook-form-zodjezweb/claude-skillsBuild type-safe validated forms using React Hook Form v7 and Zod v4. Single schema works on client and server with full TypeScript inference via z.infer. Use wh1.2Kskills.sh installs
6wot-ui avatarwot-ui-v2wot-ui/open-wot回答、生成、重构、排查 wot-ui v2 相关代码时使用。关键词：wot-ui、uni-app、Vue3、wd-、ConfigProvider、useToast、useDialog、Form、Popup、theme、llms-full。适用于组件选型、API 查询、示例页面生成、主题定制、常见坑排查。1.2Kskills.sh installs