jp-web-design

90 / 100 · Low risk

Fine to try.

By daishiman/harness-dev (GitHub) · design · 10 stars · scanned at commit 3e1b394

日本語Web UIの素材集。既定配色は暫定標準カラー(ブルー基調・ライトのみ・色は役割トークンだけを参照し、主操作は action-primary-*、状態は status-* に固定)。明示指定時だけMode B Pop。タイポと数値表記・レスポンシブ4段・部品HTML/CSS・モーションとa11y・情報設計の工程と表示形式の導出・動く参照実装(assets/reference)・コントラスト検査/トークン生成/旧配色の自動移行スクリプトを持つ。設計判断と体験の規律は含めない(Skill ux-design から参照される後工程)。UIの実装・見た目のレビュー・配色の導入や移行で必ず参照する。

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this.

Found in 7 places.

.agents/skills/jp-web-design/scripts/catalog-default.mjs, line 3import { spawnSync } from 'node:child_process'
.agents/skills/jp-web-design/scripts/catalog-default.mjs, line 585const audit = spawnSync(process.execPath, auditArgs, { encoding: 'utf8', maxBuffer: 20 * 1024 * 1024 })
.agents/skills/jp-web-design/scripts/catalog-runtime-audit.mjs, line 3import { spawnSync } from 'node:child_process'

Show 4 more

.agents/skills/jp-web-design/scripts/catalog-runtime-audit.mjs, line 14const child = spawnSync(process.execPath, ['--experimental-websocket', selfPath, ...process.argv.slice(2)], {
.agents/skills/jp-web-design/scripts/lib/cdp.mjs, line 4import { spawn } from 'node:child_process'
.agents/skills/jp-web-design/tests/_harness.mjs, line 3import { spawnSync } from 'node:child_process'
.agents/skills/jp-web-design/tests/_harness.mjs, line 37const result = spawnSync(process.execPath, [script, ...args], { encoding: 'utf8', ...options })

Connects to the internet

The author does not mention this.

Found in 2 places.

.agents/skills/jp-web-design/scripts/lib/cdp.mjs, line 33const socket = new WebSocket(webSocketUrl)
.agents/skills/jp-web-design/scripts/lib/cdp.mjs, line 111const targetResponse = await fetch(`http://127.0.0.1:${port}/json/new?about%3Ablank`, { method: 'PUT' })

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'jp-web-design' ] || [ -L ~/.agents/skills/'jp-web-design' ]; then echo 'A skill folder named jp-web-design already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/daishiman/harness-dev' "$d" && git -C "$d" checkout --quiet '3e1b394bd699e07d0b030acd44ee12f9143f89eb' -- '.agents/skills/jp-web-design' && mkdir -p ~/.agents/skills && cp -R "$d"/'.agents/skills/jp-web-design' ~/.agents/skills/'jp-web-design' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'jp-web-design' ~/.claude/skills/'jp-web-design' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for daishiman/harness-dev shows the score of its lowest-scoring skill.

SkillTrust badge for daishiman/harness-dev

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/daishiman/harness-dev.svg)](https://zalavijaysinh.github.io/skilltrust/repos/daishiman/harness-dev/)

Score history

Date	Version	Score
2026-11-12	`3e1b394`	90
2026-11-08	`d629311`	90
2026-11-06	`e63e798`	90

Also found in

Identical copies of this skill exist at:

daishiman/harness-dev/.claude/skills/jp-web-design
daishiman/harness-dev/aidd-agent-kit/skills/jp-web-design