今週の NNG リサーチは、ほとんどのデザインシステムチームが企業規模に関わらず意図的に2〜5名で構成されており、これが人員不足ではなく構造的な強みであることを改めて確認しました。小規模チームはハンドオフなしにコンテキストを共有し、対立を迅速に解決し、デザイナーがcomponent… 開発ですぐ活用できるよう整理しました。
JSONスキーマを使ったエディタでのソース段階、pre-commitフック段階、CIパイプライン段階、npmパッケージ公開前のpre-publish gate段階です。この記事は各ステージを、デザインツール優先・コード優先・CSS custom propertiesを使うプロダクトコードというトークン所有モデルにマッピングし、各レイヤーで実行可能なチェックを説明します。循環参照の検出やトークン間の参照解決などの構造的チェックはすべてのトークンファイルが揃ってから実行可能なため、pre-commitまたはCI段階でのみ実施できます。始めたばかりのチームはまずStage 3(CI)を実装し、トークンパッケージを公開するチームは警告がハードエラーになるstrict modeでStage 4を必ず実行する必要があります。
CSS変数によるテーマカスタマイズ、完全なローカライズ、REST API統合用のRestDataProviderが含まれます。PRO版はYear、Agenda、Resources、Timelineビューと繰り返しイベントを追加します。このコンポーネントはreact-big-calendarのような軽量オプションとBryntumのような重厚なエンタープライズツールの間を狙い、全体でTypeScriptをサポートします。
CLAUDE.mdファイル、そしてハードコードされたカラー値とspacing違反を監査するカスタムClaudeスキルがあります。Alanはまた、Figmaのスクリーンショットをクロードに入力して週末でイテレーションしながらチームのデザインシステムをbootstrappingし、最終的にエンジニアリングチームの承認を得てsandboxを実際のプロダクションデザインシステムに接続した経緯も説明しています。CLAUDE.mdファイル、そしてハードコードされたカラー値とspacing違反を監査するカスタムClaudeスキルがあります。Alanはまた、Figmaのスクリーンショットをクロードに入力して週末でイテレーションしながらチームのデザインシステムをbootstrappingし、最終的にエンジニアリングチームの承認を得てsandboxを実際のプロダクションデザインシステムに接続した経緯も説明しています。JSONスキーマを使ったエディタでのソース段階、pre-commitフック段階、CIパイプライン段階、npmパッケージ公開前のpre-publish gate段階です。この記事は各ステージを、デザインツール優先・コード優先・CSS custom propertiesを使うプロダクトコードというトークン所有モデルにマッピングし、各レイヤーで実行可能なチェックを説明します。循環参照の検出やトークン間の参照解決などの構造的チェックはすべてのトークンファイルが揃ってから実行可能なため、pre-commitまたはCI段階でのみ実施できます。始めたばかりのチームはまずStage 3(CI)を実装し、トークンパッケージを公開するチームは警告がハードエラーになるstrict modeでStage 4を必ず実行する必要があります。CSS変数によるテーマカスタマイズ、完全なローカライズ、REST API統合用のRestDataProviderが含まれます。PRO版はYear、Agenda、Resources、Timelineビューと繰り返しイベントを追加します。このコンポーネントはreact-big-calendarのような軽量オプションとBryntumのような重厚なエンタープライズツールの間を狙い、全体でTypeScriptをサポートします。今週の NNG リサーチは、ほとんどのデザインシステムチームが企業規模に関わらず意図的に2〜5名で構成されており、これが人員不足ではなく構造的な強みであることを改めて確認しました。小規模チームはハンドオフなしにコンテキストを共有し、対立を迅速に解決し、デザイナーがcomponent APIに触れエンジニアが視覚的な決定をレビューするなど役割の境界が柔軟です。強制的な優先順位付けにより、システムは実際のプロダクトニーズに集中します。重要な区別は、design-ops 戦略として少人数体制を維持するチームと、単に人手不足のチームの間にあり、後者はバーンアウトと技術的負債が蓄積します。チャンピオンプログラムを通じた影響力の拡大は、経営陣のサポートと現実的な許容量への期待があってこそ機能します。
2つの記事がパイプラインの両端でプロセス品質を扱いました。トークンガバナンス面では、ソース（Figma/Tokens Studio またはエディタの JSON スキーマ）、pre-commit フック、CI パイプライン、pre-publish ゲートの4段階 linting 戦略が示されました。循環参照の検出などの構造的チェックはすべてのトークンファイルが揃ってから実行可能なため、pre-commit または CI 段階でのみ実施できます。AI 面では、GitHub Copilot CLI と VS Code に統合された GitHub の実験的アクセシビリティエージェントが3,535件のプルリクエストを68%の解決率でレビューし、passive reviewer と active implementer の2サブエージェントアーキテクチャと、LLM がアクセシブルにしにくい drag-and-drop などの高リスクパターンへの明示的ブロックリストを活用しています。
チーム運営とプロセス以外では、Smashing Magazine のエージェント UI 透明性シリーズ第2回がリスクレベルに応じた4つのインターフェースパターン（Living Breadcrumb・Dynamic Checklist・Thinking Toggle・Audit Trail）を提案しました。SVAR Calendar は MIT ライセンスで React・Svelte・Vue 向けに統一 API を共有するマルチフレームワークイベントカレンダーとしてリリースされ、Beyond Identity のデザインチーム事例では Claude Code をプロダクションコンポーネントのサンドボックス化からステークホルダーレビューまでエンドツーエンドで活用し、CLAUDE.md で MUI 専用制約を適用、カスタムスキルでハードコードされた色やspacing 違反を監査する方法が紹介されました。