react は何をしますか？
LobeHub React コンポーネント規約。TSX UI の編集、base-ui と @lobehub/ui と antd の選択、antd-style によるスタイリング、ルーティング、デスクトップバリアント、レイアウト、またはコンポーネント状態の際に使用します。
LobeHub React コンポーネント規約。TSX UI の編集、base-ui と @lobehub/ui と antd の選択、antd-style によるスタイリング、ルーティング、デスクトップバリアント、レイアウト、コンポーネント状態の際に使用します。
このスキルは、LobeHub プロジェクトにおける React コンポーネントの開発規約を定義します。開発者は、TSX ベースの UI を編集する際や、UI フレームワーク（base-ui, @lobehub/ui, antd）の選択、antd-style を用いたスタイリング、ルーティング設定、デスクトップバリアントの実装、レイアウト設計、コンポーネントの状態管理において、このスキルの指示に従うことで、一貫性と保守性の高いコードを記述できるようになります。Claude Code や Cursor などの AI エージェントは、このスキルを参照して、LobeHub のコードベースで適切な React パターンを適用します。
npx skills add https://github.com/lobehub/lobe-chat/tree/main/skills/reactLobeHub React コンポーネント規約。TSX UI の編集、base-ui と @lobehub/ui と antd の選択、antd-style によるスタイリング、ルーティング、デスクトップバリアント、レイアウト、またはコンポーネント状態の際に使用します。
This repo contains 4 individual skills — each has its own dedicated page.
LobeHub Drizzle ORM schema and query style. Use for pgTable schemas, indexes, joins, inferred types, db.select/db.query, schema fields, foreign keys, junction tables, or postgres query patterns.
LobeHub i18n with react-i18next. Use for user-facing strings, locale keys, namespaces, useTranslation, t(), interpolation, zh-CN/en-US previews, hardcoded UI copy, or pnpm i18n.
LobeHub TypeScript style and type-safety guide. Use when editing TS/TSX/MTS, fixing types, choosing interface vs type, avoiding any/object, import type, async flow, or ts-expect-error.
LobeHub Zustand store conventions. Use when editing src/store, store slices, public/internal actions, dispatch actions, flattenActions, optimistic updates, selectors, maps, or class action migration.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".