jp-web-design SKILL.md skillA

This file is byte-identical to the first copy the registry indexed, one of 3 indexed copies. Same content hash, so the same checks give both the same grade.

jp-web-design from daishiman/harness-dev is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add daishiman/harness-dev/jp-web-design@git:20261002.576b869

Pins git:20261002.576b869 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
daishiman/harness-dev
Path
aidd-agent-kit/skills/jp-web-design/SKILL.md
Versions recorded
3
Latest version
git:20261002.576b869, committed Oct 2, 2026
First version recorded
Oct 2, 2026
Size
23,006 bytes
Repository stars
10
License
none declared

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

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# 日本語Web UI デザインシステム

実プロジェクトの反復フィードバックから確立した規範。装飾を足して良く見せるのではなく、余白・面・文字の階層で秩序を作る。色は「意味」にしか使わない。

- 配色の既定は暫定標準カラー(版は正本CSSの見出し)。値の正本は `assets/standard/standard-color-system.css` の1つだけで、使い方の正本は `references/standard-color-system.md`。公式CI指定値ではない暫定案なので、正式値が来たら基本色 `--p-*` だけを差し替え、役割トークン名と役割の割り当ては変えない。差し替えに伴う生成物の再生成・コントラスト検査・テスト・下流への配布・記述の追随は `references/standard-color-system.md` §0「色の値・版を変えるときの手順」が正本(手順を記憶で省略しない)。
- **指定なしの可視Web UIは `assets/reference/catalog.html` を既定にする**。生成アプリへ適用する唯一の契約は `references/catalog-default-contract.md`、機械可読な正本は `assets/reference/catalog-default-profile.json`。build / improve とも、詳細を記憶で再実装せず `scripts/catalog-default.mjs` の plan → apply → verify を通す。
- 迷ったら「色を足す」ではなく「余白と階層で解く」。
- 本書は素材集。業務構造の診断・体験の規律(デフォルト・一括操作・エラー回復)・検収の判断は Skill `ux-design` が正本で、本書では再説明しない。設計の入口から順に読んで本書へ辿り着く前提で、逆方向には参照しない。
- 本書は中核ルールだけを載せる。詳細は §6 のリファレンス索引から必要なファイルを読む(作業前に該当ファイルを必ず開く)。

## 起動プロトコル — 質問より先に代表画面を作る

UIの新規設計・リニューアルでは、依頼文・既存画面・業務フロー・ブランド資産を調べ、次を内部で確定する。質問より先に、最頻業務を表す完成度の高い代表画面を1つ作る。複数の無難な案は並べず、最有力案を正本として実装する。

1. カラー: 標準カラー(ブルー基調・ライトのみ)を既定とし、`references/standard-color-system.md` を必ず読む。利用者が「Pop」「親しみ」「toC向け」などを明示した場合だけ Mode B(`references/mode-b-pop.md`)。
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add daishiman/harness-dev/jp-web-design@sha256:b2bf64bbf658fb41

The line at the top of this page pins the label git:20261002.576b869, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_kneqfkhicwgwlm5u.svg)](https://markdownregistry.com/a/art_kneqfkhicwgwlm5u)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 3 versions of this file, all committed on Oct 2, 2026.

versioncommittedcommitsizeaudit
git:20261002.576b869 latest2026-10-02 576b869 23,006 BA view · diff
git:20261002.32534602026-10-02 3253460 22,884 BA view · diff
git:20261002.c0e127d2026-10-02 c0e127d 22,813 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (23006 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

daishiman/harness-dev · 10 stars · license none declared · pushed 2026-10-19 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_kneqfkhicwgwlm5u
GET https://markdownregistry.com/api/v1/resolve?ref=daishiman/harness-dev/jp-web-design
GET https://markdownregistry.com/api/v1/blob/b2bf64bbf658fb419f47d0a7c957749a5b296141da159dd6dc972f3dcbc0f61c

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from daishiman/harness-dev

app-excellence SKILL.md skill
daishiman/harness-dev · .agents/skills/app-excellence/SKILL.md · アプリ・Webサービス・業務ツールの制作を、証拠分析→確定的な初稿→要件定義→体験設計→機能分解→実装→品質ゲート→リリース判定の手順ゲート制で進めるスキル。質問で要件を埋めるのではなく、依頼文・既存コード・資料・ログから最有力案を選び、動…
git:20261002.c0e127d · audit A · 10 stars
app-orchestrator SKILL.md skill
daishiman/harness-dev · .agents/skills/app-orchestrator/SKILL.md · Webアプリの準備→要件定義→設計→実装→公開→品質ゲートを実行する内部オーケストレーター。Claude Codeの /build-app /improve-app、Codexの $build-app / $improve-app…
git:20261002.3253460 · audit A · 10 stars
beads SKILL.md skill
daishiman/harness-dev · .agents/skills/beads/SKILL.md · Use when working in a repository that uses bd or Beads for durable project task tracking, issue dependencies, blocker…
git:20260712.4f566b4 · audit A · 10 stars
better-auth-google-gate SKILL.md skill
daishiman/harness-dev · .agents/skills/better-auth-google-gate/SKILL.md · Webアプリのアクセス制御・認証・認可の実装はすべてこのスキルを使う。遮断だけならCloudflare Access、アプリ内identity・role・session・WebSocket等が必要ならBetter…
git:20261002.c0e127d · audit A · 10 stars
build-app SKILL.md skill
daishiman/harness-dev · .agents/skills/build-app/SKILL.md · 新しいWebアプリを要件整理から設計・実装・Cloudflare公開・品質確認まで一貫して構築する。Codexで「アプリを作って」「業務ツールを新規開発」「$build-app」と依頼されたときに使用する。
git:20261002.c0e127d · audit A · 10 stars
ci-cd-pipeline SKILL.md skill
daishiman/harness-dev · .agents/skills/ci-cd-pipeline/SKILL.md · Cloudflare WorkersのCI(自動検査)とCD(自動デプロイ)を、Workers Buildsまたは外部CI/CDから案件に合う1経路だけ選び、無料枠に収まる最小構成で構築・運用するためのスキル。…
git:20261002.c0e127d · audit A · 10 stars
cloudflare-email-service SKILL.md skill
daishiman/harness-dev · .agents/skills/cloudflare-email-service/SKILL.md · Cloudflare Email Service(Email Sending + Email Routing)でトランザクションメールの送受信を実装するスキル。Workers bindingまたはREST…
git:20261002.c0e127d · audit A · 10 stars
cloudflare-secure-deploy SKILL.md skill
daishiman/harness-dev · .agents/skills/cloudflare-secure-deploy/SKILL.md · Cloudflare Workers + D1/R2/KV/Durable Objects でデータベースとサーバーを安全・高速・高品質に接続し、…
git:20261002.c0e127d · audit A · 10 stars
cloudflare SKILL.md skill
daishiman/harness-dev · .agents/skills/cloudflare/SKILL.md · Cloudflare全体の製品選択と対象Accountの文脈を確定するルータースキル。Workers、Pages、KV、D1、R2、Workers AI、Vectorize、Agents…
git:20261002.c0e127d · audit A · 10 stars
design-judgment SKILL.md skill
daishiman/harness-dev · .agents/skills/design-judgment/SKILL.md · 設計系スキルの入口。「AIっぽい」「テンプレート感」「もっと洗練させたい」「管理画面のレビュー」など画面設計の相談を受けたら、業務構造の診断(ux-design…
git:20261002.3253460 · audit A · 10 stars
durable-objects SKILL.md skill
daishiman/harness-dev · .agents/skills/durable-objects/SKILL.md · Cloudflare Durable Objects の実装とレビューに使用する。チャットルーム、マルチプレイ、予約システムなどの状態を持つ協調処理、RPC methods、SQLite…
git:20261002.c0e127d · audit A · 10 stars
improve-app SKILL.md skill
daishiman/harness-dev · .agents/skills/improve-app/SKILL.md · 既存Webアプリへ機能追加・UX改善・不具合修正を1件ずつ安全に実装して公開する。Codexで「既存アプリを改善」「機能を追加」「$improve-app」と依頼されたときに使用する。
git:20261002.c0e127d · audit A · 10 stars

Every file in daishiman/harness-dev

Other files named jp-web-design

jp-web-design SKILL.md skill
daishiman/harness-dev · .claude/skills/jp-web-design/SKILL.md · 日本語Web UIの素材集。既定配色は暫定標準カラー(ブルー基調・ライトのみ・色は役割トークンだけを参照し、主操作は action-primary-*、状態は status-* に固定)。明示指定時だけMode B…
git:20261002.576b869 · audit A · 10 stars
jp-web-design SKILL.md skill
daishiman/harness-dev · .agents/skills/jp-web-design/SKILL.md · 日本語Web UIの素材集。既定配色は暫定標準カラー(ブルー基調・ライトのみ・色は役割トークンだけを参照し、主操作は action-primary-*、状態は status-* に固定)。明示指定時だけMode B…
git:20261002.576b869 · audit A · 10 stars

Browse by kind, by grade A, or by owner.