kitchen-sink-design-system
✓あらゆるフロントエンド スタック (Next.js、Hugo、Astro、SvelteKit、Nuxt、またはプレーン HTML) のキッチン シンク デザイン システム ワークフロー。キッチン シンク ページ、デザイン システム、UI 監査、スタイル ガイド、またはコンポーネント インベントリを要求された場合、またはプロジェクトでコンポーネント インベントリとコンポーネントの作成およびシンク ページの実装が必要な場合に使用します。
SKILL.md
Build every component for real, wire it into a single sink page, and let the page prove the design system works.
Before anything else, identify the project's framework and lock in the implementation strategy. If you cannot see the file tree, stop and request it.
| next.config., app/ or pages/ | Next.js (React) | | hugo.toml, hugo.yaml, layouts/partials/ | Hugo | | astro.config., src/components/ | Astro | | nuxt.config. | Nuxt (Vue) | | svelte.config. | SvelteKit | | None of the above | Static HTML/CSS |
あらゆるフロントエンド スタック (Next.js、Hugo、Astro、SvelteKit、Nuxt、またはプレーン HTML) のキッチン シンク デザイン システム ワークフロー。キッチン シンク ページ、デザイン システム、UI 監査、スタイル ガイド、またはコンポーネント インベントリを要求された場合、またはプロジェクトでコンポーネント インベントリとコンポーネントの作成およびシンク ページの実装が必要な場合に使用します。 ソース: baphomet480/claude-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/baphomet480/claude-skills --skill kitchen-sink-design-system- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-11
- 更新日
- 2026-02-18
クイックアンサー
kitchen-sink-design-system とは？
あらゆるフロントエンド スタック (Next.js、Hugo、Astro、SvelteKit、Nuxt、またはプレーン HTML) のキッチン シンク デザイン システム ワークフロー。キッチン シンク ページ、デザイン システム、UI 監査、スタイル ガイド、またはコンポーネント インベントリを要求された場合、またはプロジェクトでコンポーネント インベントリとコンポーネントの作成およびシンク ページの実装が必要な場合に使用します。 ソース: baphomet480/claude-skills。
kitchen-sink-design-system のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/baphomet480/claude-skills --skill kitchen-sink-design-system インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/baphomet480/claude-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-11