frontend-design
✓優れた設計品質を備えた、独自の運用グレードのフロントエンド インターフェイスを作成します。ユーザーが Web コンポーネント、ページ、マテリアル、ポスター、またはアプリケーション (Web サイト、ランディング ページ、ダッシュボード、React コンポーネント、HTML/CSS レイアウト、または Web UI のスタイリング/美化など) を構築するように要求する場合に使用します。凡庸な AI の美学を回避する、創造的で洗練されたコードと UI デザインを生成します。
SKILL.md
创造性诠释是关键。不要问用户"你想要什么颜色?",而是基于上下文做出大胆的设计决策。每个设计都应该是独一无二的。在不同项目之间变化浅色/深色主题、字体和美学风格。
優れた設計品質を備えた、独自の運用グレードのフロントエンド インターフェイスを作成します。ユーザーが Web コンポーネント、ページ、マテリアル、ポスター、またはアプリケーション (Web サイト、ランディング ページ、ダッシュボード、React コンポーネント、HTML/CSS レイアウト、または Web UI のスタイリング/美化など) を構築するように要求する場合に使用します。凡庸な AI の美学を回避する、創造的で洗練されたコードと UI デザインを生成します。 ソース: yyh211/claude-meta-skill。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/yyh211/claude-meta-skill --skill frontend-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/yyh211/claude-meta-skill --skill frontend-design- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
frontend-design とは?
優れた設計品質を備えた、独自の運用グレードのフロントエンド インターフェイスを作成します。ユーザーが Web コンポーネント、ページ、マテリアル、ポスター、またはアプリケーション (Web サイト、ランディング ページ、ダッシュボード、React コンポーネント、HTML/CSS レイアウト、または Web UI のスタイリング/美化など) を構築するように要求する場合に使用します。凡庸な AI の美学を回避する、創造的で洗練されたコードと UI デザインを生成します。 ソース: yyh211/claude-meta-skill。
frontend-design のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/yyh211/claude-meta-skill --skill frontend-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/yyh211/claude-meta-skill
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01