design-system-generator
✓SPA、従来のサーバー レンダリング サイト、ハイブリッド システム全体で一貫した UI/UX を強制する、プロジェクト固有の DESIGN_SYSTEM.md を生成します。トークン、コンポーネント ルール、アクセシビリティ ゲート、運用資産/マニフェスト ガイダンスが含まれます。
SKILL.md
This skill generates a project-specific DESIGNSYSTEM.md that enforces consistent UI/UX across:
The design system must be component-based, portable, and practical for real implementation.
Rule 1: Prefer existing stack If the project already uses a template or styling system, adapt to it.
SPA、従来のサーバー レンダリング サイト、ハイブリッド システム全体で一貫した UI/UX を強制する、プロジェクト固有の DESIGN_SYSTEM.md を生成します。トークン、コンポーネント ルール、アクセシビリティ ゲート、運用資産/マニフェスト ガイダンスが含まれます。 ソース: thienanblog/awesome-ai-agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/thienanblog/awesome-ai-agent-skills --skill design-system-generator- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
design-system-generator とは？
SPA、従来のサーバー レンダリング サイト、ハイブリッド システム全体で一貫した UI/UX を強制する、プロジェクト固有の DESIGN_SYSTEM.md を生成します。トークン、コンポーネント ルール、アクセシビリティ ゲート、運用資産/マニフェスト ガイダンスが含まれます。 ソース: thienanblog/awesome-ai-agent-skills。
design-system-generator のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/thienanblog/awesome-ai-agent-skills --skill design-system-generator インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/thienanblog/awesome-ai-agent-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01