ds-factory
Skill1 starsChanged 21 days agoMITView on GitHub
新しいデザインシステムを作るときに使う(デザインシステムファクトリー)。design-principles とヒアリングの結果から、このリポジトリをひな形に別リポジトリのデザインシステムを生成し、トークン・文書・検査まで仕上げる。
In this repository9 other files it gives its agents.
- AGENTS.mdAGENTS.md
- design-adjustSkill
- design-initSkill
- design-principlesSkill
- design-reviewSkill
- ds-build-uiSkill
- ds-improveSkill
- ds-slidesSkill
- ds-storybook-previewSkill
The file
Files
デザインシステムファクトリー
このリポジトリ(8341-ui)をひな形にして、新しいデザインシステムのリポジトリを作る。
画面設計の判断は design-principles スキルに従い、プロダクト固有の前提はユーザーへのヒアリングで決める。位置づけと全体像は docs/factory.md(必要になったときだけ読む)。
生成されるもの: 同じスタック(Base UI・Tailwind v4・DTCG トークン・Storybook・検査・改善ループ・design-principles)を持ち、名前・接頭辞・キーカラー・見た目の性格・DESIGN.md が新しいプロダクトに合わせて書き換わったリポジトリ。
手順
各段階の詳しい文書は、その段階に入ったときに読む。
- ルールを読む:
design-principlesスキルを読み込み、mode-1-init.md(新規作成)に従う - ヒアリングする: hearing.md の項目を一度にまとめて聞き、要約して確認する
- 設定ファイルを書く: 回答を JSON にする(形は hearing.md の「設定ファイル」。作業用の一時ディレクトリに置き、このリポジトリにはコミットしない)
- 生成する:
make factory CONFIG=<設定ファイル> OUT=<出力先>- git で追跡しているファイルだけがコピーされる。未コミットの変更を含めたいときは先にコミットする
- 最後に「ひな形の見た目の性格が残っている箇所」と「次の手順」が表示される
- 生成先で仕上げる: finish.md の 1〜9 を順に行う
- 公開する(ユーザーの承認を得てから): コミットし、承認されたら GitHub にリポジトリを作って push する(例:
gh repo create <owner>/<name> --public --source . --push)。GitHub Pages(gh-pagesブランチ)と main の保護をユーザーに案内する - 報告する: 生成したリポジトリの場所、ヒアリングの要約、ひな形から変えた点、外した必須とその理由、残っている作業を短く伝える
このリポジトリ側の改善
- 生成で困った点(置き換え漏れ、手作業が多い手順)は、
scripts/factory/create.mjsかこのスキルを直す PR にする - 画面設計のルールのギャップは
docs/design-principles/を直す(design-principlesスキルのfeedback.md)
やってはいけないこと
- ヒアリングを飛ばして既定値だけで生成する(共有の基盤か専用かで DESIGN.md の書き方が変わる)
- 生成先で
contrast.rules.jsonや WCAG の必須を緩めてチェックを通す - ユーザーの承認なしに GitHub にリポジトリを作る・公開する
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

