Summary
This teaches Claude the LobeHub modal conventions, specifically pushing you toward the imperative base-ui API (createModal, confirmModal) instead of declarative open state patterns. It covers the required ModalHost mounting, the Content plus index.tsx file split, when to use the content prop versus children, and how to handle i18n inside createModal calls where hooks aren't available. The big gotcha is that base-ui modals render through a separate ModalHost from the legacy root package, so you need both mounted during migration or nothing shows up. Useful if you're working in a LobeHub codebase and need to know whether to reach for @lobehub/ui or @lobehub/ui/base-ui when opening dialogs.
Install to Claude Code
npx -y skills add lobehub/lobe-chat --skill modal --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →First SeenMay 16, 2026
