MCP HubMCP Hub
SKILL·5DE0FA

design-system-creator

majiayu000
更新日 1 month ago
18 閲覧
58
9
58
GitHubで表示
その他design-systemtokenscomponentscssstyle-guide

について

このスキルは、デザイントークン、コンポーネントライブラリ、CSSアーキテクチャを専門とし、本番環境対応のCSSを備えた包括的なデザインシステムを作成します。デザイン規範、トークンアーキテクチャ、コンポーネント文書、スタイルガイドの生成に最適です。完全なデザインシステムの構築や文書化が必要な場合にご利用ください。ただし、詳細なタイポグラフィ、カラー計算、実際のUI実装には対応していません。

クイックインストール

Claude Code

推奨
メイン
npx skills add majiayu000/claude-skill-registry -a claude-code
プラグインコマンド代替
/plugin add https://github.com/majiayu000/claude-skill-registry
Git クローン代替
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/design-system-creator

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

GitHub リポジトリ

majiayu000/claude-skill-registry
パス: skills/data/design-system-creator
0
FAQ

Frequently asked questions

What is the design-system-creator skill?

design-system-creator is a Claude Skill by majiayu000. Skills package instructions and resources that Claude loads on demand, so Claude can perform design-system-creator-related tasks without extra prompting.

How do I install design-system-creator?

Use the install commands on this page: add design-system-creator to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does design-system-creator belong to?

design-system-creator is in the Design & Creative category, tagged design-system, tokens, components, css and style-guide.

Is design-system-creator free to use?

Yes. design-system-creator is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

関連スキル

2000s-visualization-expert
その他

このClaudeスキルは、開発者がMilkdropのような高度なオーディオリアクティブな音楽ビジュアライゼーションを、最新のWeb技術で実装するのを支援します。WebGLとButterchurnを専門とし、Web Audio APIのFFTデータを処理してGLSLシェーダーを駆動し、サイケデリックで生成的なビジュアルを創出します。基本的な波形チャートや非オーディオグラフィックスではなく、複雑なリアルタイムオーディオビジュアライゼーションにご利用ください。

スキルを見る
2000s-visualization-expert
その他

このClaudeスキルは、開発者がWebGLを使用して高度なオーディオリアクティブなミュージックビジュアライゼーションを実装するのを支援します。特にMilkdropのような2000年代スタイルに焦点を当てています。Butterchurnライブラリの統合、Web Audio APIのFFTデータ処理、GLSLシェーダーによるビジュアル作成に関する専門知識を提供します。基本的な波形や棒グラフの可視化ではなく、複雑でサイケデリックな生成アートにご利用ください。

スキルを見る
adhd-design-expert
その他

このスキルは、神経科学に基づき、ADHDや神経多様性を持つユーザー向けにデジタル体験を設計するための専門的なUXデザインガイダンスを提供します。認知負荷の軽減、時間認識の困難への対応、ドーパミン駆動型のエンゲージメントパターンの実装に焦点を当てています。ADHDを考慮した設計コンテキストで使用してください。一般的なWCAG準拠や神経典型的なUX設計には適していません。

スキルを見る
adhd-design-expert
その他

このスキルは、認知負荷を軽減しタイムブラインドネスに対処するため、神経科学とUX原則を応用して、特にADHDユーザー向けにデジタルインターフェースを設計します。ドーパミン駆動型のエンゲージメントと共感的なパターンに焦点を当て、「神経多様性UX」や「実行機能」といった用語によって発動します。一般的なWCAGアクセシビリティや標準的なUIスタイリングではなく、ADHD中心のデザインにご利用ください。

スキルを見る