Was macht react?
LobeHub React-Komponentenkonventionen. Verwenden Sie dies beim Bearbeiten von TSX-UI, bei der Wahl zwischen base-ui, @lobehub/ui oder antd, beim Styling mit antd-style, Routing, Desktop-Varianten, Layouts oder Komponentenstatus.
LobeHub React-Komponentenkonventionen. Verwenden Sie dies beim Bearbeiten von TSX-UI, bei der Wahl zwischen base-ui, @lobehub/ui oder antd, beim Styling mit antd-style, Routing, Desktop-Varianten, Layouts oder Komponentenstatus.
Diese Skill definiert die LobeHub-Konventionen für React-basierte Benutzeroberflächen. Sie unterstützt Entwickler bei der Erstellung konsistenter TSX-Komponenten, indem sie Entscheidungen zwischen verschiedenen UI-Frameworks (base-ui, @lobehub/ui, antd) und Styling-Methoden (antd-style) vereinfacht. Der Skill deckt zentrale Aspekte wie Routing, Desktop-Varianten, Layouts und die Verwaltung von Komponentenstatus ab und ist auf Plattformen wie Claude Code, Cursor und Codex einsetzbar. Entwickler profitieren von klaren Richtlinien und Best Practices, die die Codequalität und Wartbarkeit erhöhen. Die Anwendung des Skills erfolgt durch Befolgen der markdown-basierten Anleitung, die direkte Editierhinweise und Framework-Empfehlungen enthält.
npx skills add https://github.com/lobehub/lobe-chat/tree/main/skills/reactLobeHub React-Komponentenkonventionen. Verwenden Sie dies beim Bearbeiten von TSX-UI, bei der Wahl zwischen base-ui, @lobehub/ui oder antd, beim Styling mit antd-style, Routing, Desktop-Varianten, Layouts oder Komponentenstatus.
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".