🎨 Base Ui Docs
Base UI (@base-ui/react) の公式ドキュメント参照とAPI確認を行うためのスキル。Base UIのコンポーネント/ハンドブック/概要に関する質問が来たら使う。
npx playbooks add skill yumehiko/jp-ui --skill base-ui-docs
About Base Ui Docs
Base UI (@base-ui/react) の公式ドキュメント参照とAPI確認を行うためのスキル。Base UIのコンポーネント/ハンドブック/概要に関する質問が来たら使う。
At 5 words, this compact prompt gives your agent specialized frontend development expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Building responsive UI components and layouts
- Implementing accessible, WCAG-compliant interfaces
- Debugging CSS, animations, and cross-browser issues
- Integrating design systems and component libraries
Example Prompts
System Prompt (5 words)
Base UI (@base-ui/react) の公式ドキュメント参照とAPI確認を行うためのスキル。Base UIのコンポーネント/ハンドブック/概要に関する質問が来たら使う。
Frequently Asked Questions
What is Base Ui Docs?
Base Ui Docs is a free frontend development skill for AI coding agents. Base UI (@base-ui/react) の公式ドキュメント参照とAPI確認を行うためのスキル。Base UIのコンポーネント/ハンドブック/概要に関する質問が来たら使う。. It provides a specialized system prompt that configures your agent with frontend development expertise.
How do I use Base Ui Docs with Claude Code?
Run npx playbooks add skill yumehiko/jp-ui --skill base-ui-docs in your terminal to install Base Ui Docs into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Base Ui Docs?
Base Ui Docs is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Base Ui Docs free to use?
Yes, Base Ui Docs is completely free and open source. The full source is available on GitHub at https://github.com/yumehiko/jp-ui/tree/main/.codex/skills/base-ui-docs. You only need a subscription to the AI agent you use it with.
