web-design-expert
について
このスキルは、ブランドアイデンティティ、カラースキーム、レスポンシブレイアウトを含む包括的なウェブデザインコンセプトを生成します。「ウェブデザイン」や「ブランドアイデンティティ」といった用語でプロンプトされた際に、初期のビジュアルデザイン、UI/UXパターン、全体の構図のためにご利用ください。詳細なタイポグラフィ、色彩理論、デザイントークンの作業は、より専門的なスキルに委ねられます。
クイックインストール
Claude Code
推奨npx skills add mattnigh/skills_collection -a claude-code/plugin add https://github.com/mattnigh/skills_collectiongit clone https://github.com/mattnigh/skills_collection.git ~/.claude/skills/web-design-expertこのコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします
GitHub リポジトリ
Frequently asked questions
What is the web-design-expert skill?
web-design-expert is a Claude Skill by mattnigh. Skills package instructions and resources that Claude loads on demand, so Claude can perform web-design-expert-related tasks without extra prompting.
How do I install web-design-expert?
Use the install commands on this page: add web-design-expert 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 web-design-expert belong to?
web-design-expert is in the Design & Creative category, tagged web, brand, ui-ux, layout and visual-design.
Is web-design-expert free to use?
Yes. web-design-expert is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
関連スキル
このClaudeスキルは、開発者がMilkdropのような高度なオーディオリアクティブな音楽ビジュアライゼーションを、最新のWeb技術で実装するのを支援します。WebGLとButterchurnを専門とし、Web Audio APIのFFTデータを処理してGLSLシェーダーを駆動し、サイケデリックで生成的なビジュアルを創出します。基本的な波形チャートや非オーディオグラフィックスではなく、複雑なリアルタイムオーディオビジュアライゼーションにご利用ください。
このClaudeスキルは、開発者がWebGLを使用して高度なオーディオリアクティブなミュージックビジュアライゼーションを実装するのを支援します。特にMilkdropのような2000年代スタイルに焦点を当てています。Butterchurnライブラリの統合、Web Audio APIのFFTデータ処理、GLSLシェーダーによるビジュアル作成に関する専門知識を提供します。基本的な波形や棒グラフの可視化ではなく、複雑でサイケデリックな生成アートにご利用ください。
このスキルは、神経科学に基づき、ADHDや神経多様性を持つユーザー向けにデジタル体験を設計するための専門的なUXデザインガイダンスを提供します。認知負荷の軽減、時間認識の困難への対応、ドーパミン駆動型のエンゲージメントパターンの実装に焦点を当てています。ADHDを考慮した設計コンテキストで使用してください。一般的なWCAG準拠や神経典型的なUX設計には適していません。
このスキルは、認知負荷を軽減しタイムブラインドネスに対処するため、神経科学とUX原則を応用して、特にADHDユーザー向けにデジタルインターフェースを設計します。ドーパミン駆動型のエンゲージメントと共感的なパターンに焦点を当て、「神経多様性UX」や「実行機能」といった用語によって発動します。一般的なWCAGアクセシビリティや標準的なUIスタイリングではなく、ADHD中心のデザインにご利用ください。
