開発者シート単位で提供
1シートは登録開発者1名。案件数の制限なく、自分の制作環境で使うためのライセンスです。
- 案件ごとの環境生成・実装ルール
- 品質ゲート・照合ツール・検収レポート
- GitHub プライベートリポジトリへの招待で提供
登録だけで購入が確定することはありません。
- 01
デザインを渡す
Figma のデザインを起点に。実装の基準となる情報を受け取ります。
- 02
AI が実装する
実装ルールに沿って、AI とともに制作を進めます。
- 03
機械が確かめる
デザイン照合・構文・公開前検証など、複数の検査を重ねます。
- 04
証跡を届ける
何を、どこまで確認したかを、検査結果とともに記録します。
同梱するもの
キットに含まれるもの
案件ごとに、同じ実装ルールと検証基盤を。
制作で見つけた課題をルールに反映し、次の案件へ引き継ぎます。
- 01
案件環境の生成
WordPress / 静的 HTML の案件を生成。依存の導入からビルド、自己テスト、診断まで、制作を始める手順をまとめます。
- 02
機械が強制する品質ゲート
コード規約・秘匿情報の検出・デザイン照合・アクセシビリティ回帰・公開前検証を、git フックと CI に組み込みます。
- 03
Claude Code 用の実装手順
/implement・/check-design など、Figma からセクションを実装し、照合してコミットする定型フローを同梱します。
- 04
証跡と配布物の検証
差分画像や数値照合を検収資料へ。配布物が正規のものかを確認する検証の仕組みも含みます。
- 05
更新を受け取る仕組み
運用で見つけた見逃しを検査項目へ反映。更新の取り込み手順とともに、制作基盤の改善を届けます。
提供について
制作の仕組みを、
あなたの現場にも。
現在は提供準備中です。
価格と提供開始時期は、先行案内でお知らせします。
いまの制作環境から考える
制作しているものや現在の作業の流れを伺い、導入に必要な環境や提供範囲をご案内します。
- Claude Code を使った実装フロー
- WordPress / 静的 HTML の案件環境
- 機械検査と人の確認を組み合わせる運用
価格・サポート内容・提供時期は、ご契約前にご案内します。
構築したWebサイトは商用利用・納品が可能です。キット本体の再配布・転売・公開・共有はできません。正式な提供条件はご契約前に提示します。
品質の考え方
通った記録も、
止まった理由も残す。
検証を通らない成果物を、機械が止める。その仕組みと、仕組みだけでは届かない範囲を、導入前にお伝えします。
保証すること・提供する仕組み
- 何を、どこまで照合したかを、記録で確認できること。
- 構成した品質ゲートが、保存・コミット・push・公開の各段で検証を強制すること。
- 不一致と例外通過の理由を記録し、検収時に確認する材料を残すこと。
保証しないこと
- ピクセルパーフェクトや、すべての不具合の検出。機械照合の死角を補うため、人手のチェックを併用します。
- あなたの案件の納品責任・検収対応の代行。成果物に対する責任は制作者に帰属します。
- 未検証環境での動作。Windows / WSL2 はサポート対象外です。
必要な環境
利用に必要な環境
現行版の開発・検証環境は macOS です。
同梱の診断コマンドが、足りないものを案内します。
以下は現行版の前提です。提供版の対応環境は導入時に確認します。各サービスの利用料はキットの価格に含みません。
- Claude Code
- 利用できる有償プランが必要です。
- Figma
- デザインファイルへのアクセス権とアクセストークンが必要です。発行手順を同梱します。
- macOS
- Node.js 20 以上、git 2.42 以上。
- 任意のツール
- Local by Flywheel、画像圧縮用の TinyPNG API キー。WordPress の検証環境を同梱します。
導入までの流れ
導入までの流れ
- 01
お問い合わせ
現在の制作環境や、取り組みたい案件を教えてください。
- 02
提供内容・条件の確認
対応環境、サポート範囲、価格や契約条件を個別にご案内します。
- 03
導入・オンボーディング
条件への合意後、GitHub のプライベートリポジトリへ招待し、導入を支援します。
ライセンスの予定
開発者ごとのシート制です。制作成果物は案件数の制限なく商用利用・納品できます。キット自体の再配布・転売・共有は禁止です。正式な条件はご契約前に提示します。
開発者ごとのシート制です。制作成果物は案件数の制限なく商用利用・納品できます。キット自体の再配布・転売・共有は禁止です。正式な条件はご契約前に提示します。
よくある質問
導入の前に。
WordPress のテーマですか？
固定のデザインを持つテーマではありません。WordPress / 静的 HTML の案件を生成し、実装ルールと検証の仕組みを案件ごとに同梱する制作基盤です。
ゲートがすべて緑なら、目視は不要ですか？
目視は必要です。機械照合は、要素の意味・並び順・存在の有無などを取りこぼすことがあります。人手のチェックリストを併用し、機械が確かめた範囲と人が判断した範囲を分けて記録します。
Windows や Linux で使えますか？
現行版は macOS で開発・検証しています。Windows / WSL2 は未検証・サポート対象外です。Linux の正式な対応状況は、ご相談時にお問い合わせください。
キットを買わずに、Web 制作を依頼できますか？
はい。Figma カンプからの WordPress / 静的 HTML の実装を承ります。Web 制作の相談フォームから、制作範囲やご希望をお送りください。