react은(는) 무엇을 하나요?
LobeHub React 컴포넌트 규칙. TSX UI 편집, base-ui vs @lobehub/ui vs antd 선택, antd-style 스타일링, 라우팅, 데스크톱 변형, 레이아웃 또는 컴포넌트 상태 작업 시 사용합니다.
LobeHub React 컴포넌트 규칙. TSX UI 편집, base-ui vs @lobehub/ui vs antd 선택, antd-style 스타일링, 라우팅, 데스크톱 변형, 레이아웃 또는 컴포넌트 상태 작업 시 사용합니다.
이 스킬은 LobeHub 프로젝트에서 React 컴포넌트를 개발할 때 일관된 코딩 규칙과 모범 사례를 제공합니다. 주로 TSX 기반 UI 작업 시 base-ui, @lobehub/ui, antd 중 어떤 UI 라이브러리를 선택할지, antd-style을 활용한 스타일링 방법, 라우팅 처리, 데스크톱 변형(variant), 레이아웃 구성, 그리고 컴포넌트 상태 관리에 대한 구체적인 지침을 포함합니다. 플랫폼 지원 측면에서는 Claude Code, Cursor, Codex 등 주요 AI 에이전트와 호환되며, 개발자가 AI 어시스턴트에게 React UI 관련 작업을 요청할 때 이 스킬을 참조하여 일관되고 정확한 코드 생성을 유도할 수 있습니다. 이 스킬은 SKILL.md 문서에 정의된 규칙을 기반으로 하여, AI가 LobeHub의 컨벤션에 맞는 React 컴포넌트를 생성하거나 수정할 때 유용하게 사용됩니다.
npx skills add https://github.com/lobehub/lobe-chat/tree/main/skills/reactLobeHub React 컴포넌트 규칙. TSX UI 편집, base-ui vs @lobehub/ui vs 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".