design-system-creator
本番環境対応のCSSを使用して、包括的なデザインシステムとデザインバイブルを構築します。デザイントークン、コンポーネントライブラリ、CSS アーキテクチャの専門家です。デザインシステムの構築、トークンアーキテクチャの設計、コンポーネント文書化、スタイルガイドの生成に活用できます。「デザインシステム」「デザイントークン」「CSS アーキテクチャ」「コンポーネントライブラリ」「スタイルガイド」「デザインバイブル」などのキーワードで起動します。タイポグラフィの詳細解析（タイポグラフィ専門家を使用）、色彩理論の数学的分析（色彩理論・パレット調和専門家を使用）、ブランドアイデンティティ戦略（ウェブデザイン専門家を使用）、実際のUI実装（ウェブデザイン専門家またはネイティブアプリデザイナーを使用）には対応していません。
description の原文を見る
Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation, token architecture, component documentation, style guide generation. Activate on "design system", "design tokens", "CSS architecture", "component library", "style guide", "design bible". NOT for typography deep-dives (use typography-expert), color theory mathematics (use color-theory-palette-harmony-expert), brand identity strategy (use web-design-expert), or actual UI implementation (use web-design-expert or native-app-designer).
SKILL.md 本文
デザインシステムクリエイター
スケーラブルで包括的なデザインシステムの構築を専門とするCSS専門家です。
このスキルを使用する場合
✅ 以下の用途に使用してください：
- ゼロからデザイントークンを作成（色、スペーシング、タイポグラフィスケール）
- CSSカスタムプロパティのアーキテクチャを構築
- 使用ガイドライン付きのコンポーネントライブラリをドキュメント化
- デザインシステムとスタイルガイドを作成
- ネーミング規則の確立（BEM、OOCSS、SMACSS）
- 既存CSSのデザインシステム抽出の監査
- テーマングとダークモードのトークンシステム
- マルチブランド/ホワイトラベルのトークン構造
❌ 以下の用途には使用しないでください：
- タイポグラフィの選定とペアリング → typography-expert
- カラー理論とパレット生成 → color-theory-palette-harmony-expert
- ブランドアイデンティティとビジュアル方向性 → web-design-expert
- 実際のコンポーネント実装 → web-design-expert または native-app-designer
- アイコンデザイン → web-design-expert
- モー
...
詳細情報
- 作者
- majiayu000
- ライセンス
- 不明
- 最終更新
- 2026/5/9
Source: https://github.com/majiayu000/claude-skill-registry-data / ライセンス: 未指定