modal은(는) 무엇을 하나요?
LobeHub 명령형 모달 규칙. 모달, 대화상자, 팝업, 확인 흐름, ModalHost 연결, createModal, confirmModal, useModalContext 또는 base-ui 모달 API를 생성하거나 마이그레이션할 때 사용합니다.
LobeHub 명령형 모달 규칙. 모달, 대화상자, 팝업, 확인 흐름, ModalHost 연결, createModal, confirmModal, useModalContext 또는 base-ui 모달 API를 생성하거나 마이그레이션할 때 사용합니다.
이 스킬은 LobeHub 프로젝트에서 사용하는 명령형 모달(imperative modal) 구현을 위한 규칙과 패턴을 제공합니다. createModal, confirmModal, useModalContext와 같은 명령형 API를 사용하여 모달, 대화상자, 팝업, 확인 흐름 등을 선언적으로 정의하지 않고 필요할 때 직접 호출할 수 있도록 합니다. 이 규칙은 ModalHost 연결, 모달 생성 및 마이그레이션 작업 시 일관된 코드 스타일을 유지하도록 돕습니다. 주로 React 기반 프론트엔드 환경에서 사용되며, base-ui 모달 API와의 호환성을 고려하여 설계되었습니다. 개발자는 이 스킬을 통해 복잡한 모달 상태 관리를 피하고, 직관적인 명령형 방식으로 UI 흐름을 제어할 수 있습니다.
npx skills add https://github.com/lobehub/lobehub/tree/main/skills/modalLobeHub 명령형 모달 규칙. 모달, 대화상자, 팝업, 확인 흐름, ModalHost 연결, createModal, confirmModal, useModalContext 또는 base-ui 모달 API를 생성하거나 마이그레이션할 때 사용합니다.
This repo contains 19 individual skills — each has its own dedicated page.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Add server-side environment variables that control default values for user settings.
Debug package usage guide. Use when adding debug logging, understanding log namespaces, or implementing debugging features. Triggers on debug logging requests or logging implementation.
Electron desktop development guide — IPC handlers, controllers, preload scripts, window/menu management.
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.
Add or edit LobeHub keyboard shortcuts. Use for HotkeyEnum, HOTKEYS_REGISTRATION, combineKeys, useHotkeyById, tooltip hotkeys, shortcut scope, conflicts, or Cmd/Ctrl key combos.
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.
Linear issue management. Use for LOBE-xxx issues, Linear links, PRs referencing Linear, retrieving issues, updating status, completion comments, or sub-issue trees.
Use for public LobeHub website documentation under docs/**, including self-hosting, deployment, migration, and configuration guides. Excludes product changelogs and source-code API docs.
UI copy and microcopy guidelines. Use for user-facing copy, buttons, errors, empty states, onboarding, i18n wording, translation, or copy improvements in Chinese or English.
Create a PR for the current branch (targets `canary` by default), including splitting one cross-layer branch into ordered stacked PRs so a lower layer (db / shared package / server TRPC) merges before its callers (desktop / CLI / UI). Use when the user asks to create / submit a PR, or to split a branch because clients call a server contract that isn't on the trunk yet. Triggers on 'pr', 'create pr', 'submit pr', 'open a PR', 'pull request', 'split this PR', 'stacked PR', 'backend should merge first', '提 PR', '提个 PR', '新建 PR', '拆 PR', '后端先合', '分层合并'.
LobeHub open-source monorepo architecture map. Use when locating code layers, understanding apps/packages/src layout, business stubs, project structure, or onboarding to the repository.
LobeHub React component conventions. Use when editing TSX UI, choosing base-ui vs @lobehub/ui vs antd, styling with antd-style, routing, desktop variants, layouts, or component state.
LobeHub Zustand store data-shape patterns. Use when designing store state, list/detail splits, normalized maps, reducers, messagesMap, topicsMap, or choosing shared type sources.
Vitest testing guide. Use when writing or updating tests, fixing failing tests, improving coverage, debugging test issues, or setting up mocks.
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 Upstash Workflow and QStash guide. Use for async workflows, process/paginate/execute fan-out, serve handlers, context.run/call/sleep, or workflow triggers.
Version release workflow — release process and GitHub Release notes (not docs/changelog pages).
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".