·modern-web-design
*

modern-web-design

2024 年から 2025 年までの最新の Web デザインのトレンド、原則、実装パターン。このスキルは、Web サイトのデザイン、インタラクティブなエクスペリエンスの作成、デザイン システムの実装、アクセシビリティの確保、またはパフォーマンス優先のインターフェイスの構築を行うときに使用します。最新のデザイン トレンド、マイクロ インタラクション、スクロールテリング、大胆なミニマリズム、カーソル UX、グラスモーフィズム、アクセシビリティ コンプライアンス、パフォーマンスの最適化、またはデザイン システム アーキテクチャに関連するタスクをトリガーします。実装ガイダンスとして、アニメーション スキル (GSAP、Framer Motion、React Spring)、3D スキル (Three.js、R3F、Babylon.js)、およびコンポーネント ライブラリを参照します。

15インストール·1トレンド·@freshtechbro

インストール

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design

modern-web-design のインストール方法

コマンドラインで modern-web-design AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: freshtechbro/claudedesignskills。

Modern web design in 2024-2025 emphasizes performance, accessibility, and meaningful interactions. This skill provides comprehensive guidance on current design trends, implementation patterns, and best practices for creating engaging, accessible, and performant web experiences.

This meta-skill synthesizes knowledge from all animation, interaction, and 3D skills in this repository to provide holistic design guidance.

Philosophy: Design decisions should prioritize Core Web Vitals and user experience on all devices.

2024 年から 2025 年までの最新の Web デザインのトレンド、原則、実装パターン。このスキルは、Web サイトのデザイン、インタラクティブなエクスペリエンスの作成、デザイン システムの実装、アクセシビリティの確保、またはパフォーマンス優先のインターフェイスの構築を行うときに使用します。最新のデザイン トレンド、マイクロ インタラクション、スクロールテリング、大胆なミニマリズム、カーソル UX、グラスモーフィズム、アクセシビリティ コンプライアンス、パフォーマンスの最適化、またはデザイン システム アーキテクチャに関連するタスクをトリガーします。実装ガイダンスとして、アニメーション スキル (GSAP、Framer Motion、React Spring)、3D スキル (Three.js、R3F、Babylon.js)、およびコンポーネント ライブラリを参照します。 ソース: freshtechbro/claudedesignskills。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-03-09
更新日
2026-03-11

Browse more skills from freshtechbro/claudedesignskills

クイックアンサー

modern-web-design とは?

2024 年から 2025 年までの最新の Web デザインのトレンド、原則、実装パターン。このスキルは、Web サイトのデザイン、インタラクティブなエクスペリエンスの作成、デザイン システムの実装、アクセシビリティの確保、またはパフォーマンス優先のインターフェイスの構築を行うときに使用します。最新のデザイン トレンド、マイクロ インタラクション、スクロールテリング、大胆なミニマリズム、カーソル UX、グラスモーフィズム、アクセシビリティ コンプライアンス、パフォーマンスの最適化、またはデザイン システム アーキテクチャに関連するタスクをトリガーします。実装ガイダンスとして、アニメーション スキル (GSAP、Framer Motion、React Spring)、3D スキル (Three.js、R3F、Babylon.js)、およびコンポーネント ライブラリを参照します。 ソース: freshtechbro/claudedesignskills。

modern-web-design のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/freshtechbro/claudedesignskills --skill modern-web-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/freshtechbro/claudedesignskills