modern-ui-designer
✓Tailwind CSS と shadcn/ui を使用して、見事でプロフェッショナルな 2025 UI デザインを作成するための専門家によるガイダンス。クリーンで最小限の美しさ、8 ピクセル グリッドの一貫性、モバイル ファーストの応答パターン、WCAG アクセシビリティ コンプライアンスを保証します。インターフェイスの設計、UI のレビュー、コンポーネントの作成、またはビジュアル デザインに最新のプロフェッショナル標準が必要な場合に使用します。
SKILL.md
This skill provides comprehensive guidance for creating world-class UI designs that follow modern 2025 standards. It covers Tailwind CSS best practices, shadcn/ui component patterns, clean minimalist design principles, 8px grid spacing systems, mobile-first responsive design, and WCAG accessibility compliance.
All spacing, sizing, and layout must use multiples of 8:
NOT a package: You copy component source into your project
Tailwind CSS と shadcn/ui を使用して、見事でプロフェッショナルな 2025 UI デザインを作成するための専門家によるガイダンス。クリーンで最小限の美しさ、8 ピクセル グリッドの一貫性、モバイル ファーストの応答パターン、WCAG アクセシビリティ コンプライアンスを保証します。インターフェイスの設計、UI のレビュー、コンポーネントの作成、またはビジュアル デザインに最新のプロフェッショナル標準が必要な場合に使用します。 ソース: sitechfromgeorgia/georgian-distribution-system。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/sitechfromgeorgia/georgian-distribution-system --skill modern-ui-designer- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
modern-ui-designer とは？
Tailwind CSS と shadcn/ui を使用して、見事でプロフェッショナルな 2025 UI デザインを作成するための専門家によるガイダンス。クリーンで最小限の美しさ、8 ピクセル グリッドの一貫性、モバイル ファーストの応答パターン、WCAG アクセシビリティ コンプライアンスを保証します。インターフェイスの設計、UI のレビュー、コンポーネントの作成、またはビジュアル デザインに最新のプロフェッショナル標準が必要な場合に使用します。 ソース: sitechfromgeorgia/georgian-distribution-system。
modern-ui-designer のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/sitechfromgeorgia/georgian-distribution-system --skill modern-ui-designer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/sitechfromgeorgia/georgian-distribution-system
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01