·frontend-design
</>

frontend-design

yyh211/claude-meta-skill

優れた設計品質を備えた、独自の運用グレードのフロントエンド インターフェイスを作成します。ユーザーが Web コンポーネント、ページ、マテリアル、ポスター、またはアプリケーション (Web サイト、ランディング ページ、ダッシュボード、React コンポーネント、HTML/CSS レイアウト、または Web UI のスタイリング/美化など) を構築するように要求する場合に使用します。凡庸な AI の美学を回避する、創造的で洗練されたコードと UI デザインを生成します。

15インストール·0トレンド·@yyh211

インストール

$npx skills add https://github.com/yyh211/claude-meta-skill --skill frontend-design

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