📋 Jp Ui Components
jp-uiのコンポーネント作成とStorybook Page作成のルールを守るためのスキル。Base UIラッパーの方針、render/useRenderの維持、レイアウト/余白/幅ルールを適用する。
npx playbooks add skill yumehiko/jp-ui --skill jp-ui-components
About Jp Ui Components
Jp Ui Components specializes your AI coding agent in developer workflow — it jp-uiのコンポーネント作成とstorybook page作成のルールを守るためのスキル。base uiラッパーの方針、render/userenderの維持、レイアウト/余白/幅ルールを適用する。.
At 3 words, this compact prompt gives your agent specialized developer workflow expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Streamlining git workflows and commit conventions
- Setting up CI/CD pipelines and deployment scripts
- Managing monorepos and multi-package projects
- Automating release notes and changelogs
Example Prompts
System Prompt (3 words)
jp-uiのコンポーネント作成とStorybook Page作成のルールを守るためのスキル。Base UIラッパーの方針、render/useRenderの維持、レイアウト/余白/幅ルールを適用する。
Frequently Asked Questions
What is Jp Ui Components?
Jp Ui Components is a free developer workflow skill for AI coding agents. jp-uiのコンポーネント作成とStorybook Page作成のルールを守るためのスキル。Base UIラッパーの方針、render/useRenderの維持、レイアウト/余白/幅ルールを適用する。. It provides a specialized system prompt that configures your agent with developer workflow expertise.
How do I use Jp Ui Components with Claude Code?
Run npx playbooks add skill yumehiko/jp-ui --skill jp-ui-components in your terminal to install Jp Ui Components into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Jp Ui Components?
Jp Ui Components is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Jp Ui Components free to use?
Yes, Jp Ui Components is completely free and open source. The full source is available on GitHub at https://github.com/yumehiko/jp-ui/tree/main/.codex/skills/jp-ui-components. You only need a subscription to the AI agent you use it with.
