How do I install the Jp UI Consumer skill?

Run npx skillmds@latest add majiayu000/jp-ui-consumer in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Jp UI Consumer safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Jp UI Consumer?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Jp UI Consumer free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Jp UI Consumer?

majiayu000 (@majiayu000) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Jp UI Consumer

Name: Jp UI Consumer
Rating: 4.666666666666667 (3 reviews)
Author: majiayu000

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.

majiayu000 Updated Sep 21, 2026 567 repo stars

Web & Frontend

Install

Press C to copy

$ npx skillmds@latest add majiayu000/jp-ui-consumer

Installs into ~/.claude/skills (or .claude/skills inside a project). Restart Claude Code to pick it up.

Download .zip

＋ Add to plugin

README badge

[![SkillMD](https://skillmd.com/badge/majiayu000/jp-ui-consumer.svg)](https://skillmd.com/skills/majiayu000/jp-ui-consumer)

Trust & safety

Audits pending

Not yet audited · commit dadd864

Permissions this skill uses

Reads secrets
The instructions read tokens, keys, or other credentials.

Works with: Claude Code Claude.ai OpenAI Codex +

File contents

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.

majiayu000/claude-skill-registry-data/tree/main/design/jp-ui-consumer commit dadd864902

Frequently asked questions

npx skillmds@latest add majiayu000/jp-ui-consumer