# Jp UI Consumer

> Use when consuming jp-ui in an app: installation, CSS/theme setup, component selection, and token usage; guide Codex to the jp-ui docs and types for implementation details.

- Skill: `majiayu000/jp-ui-consumer` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/jp-ui-consumer`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/jp-ui-consumer/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/majiayu000/jp-ui-consumer

---


# jp-ui Consumer

## Quick start

- Read `docs/usage.md` for install, CSS import, and providers.
- Read `docs/components.md` to find exported component names.
- Read `docs/tokens.md` for token sources and theming.
- Read `docs/icons.md` for icon name guidance.

## Component details

- For prop-level details, inspect `node_modules/@yumehiko/jp-ui/dist/index.d.ts`.