📋 Jp Ui Components
jp-uiのコンポーネント作成とStorybook Page作成のルールを守るためのスキル。Base UIラッパーの方針、render/useRenderの維持、レイアウト/余白/幅ルールを適用する。
QUICK INSTALL
npx playbooks add skill yumehiko/jp-ui --skill jp-ui-components
About
jp-uiのコンポーネント作成とStorybook Page作成のルールを守るためのスキル。Base UIラッパーの方針、render/useRenderの維持、レイアウト/余白/幅ルールを適用する。. This skill provides a specialized system prompt that configures your AI coding agent as a jp ui components expert, with detailed methodology and structured output formats.
Compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any agent that supports custom system prompts.
Example Prompts
Get started
Help me use the Jp Ui Components skill effectively.
System Prompt (3 words)
jp-uiのコンポーネント作成とStorybook Page作成のルールを守るためのスキル。Base UIラッパーの方針、render/useRenderの維持、レイアウト/余白/幅ルールを適用する。
[](https://skillsplayground.com/skills/yumehiko-jp-ui-jp-ui-components/)
Related Skills
Commit Message Writer
Write clear, conventional commit messages from diffs
Git Expert
Master git workflows, resolve conflicts, rewrite history, and recover from mistakes
Go Expert
Write clean, concurrent Go with proper error handling, interfaces, and standard patterns
Migration Expert
Plan and execute code migrations, framework upgrades, and language transitions safely