frontend-design
✓ユーザがネットワーク コンポーネント、トップ セクション、作品、シーク、またはアプリケーション プログラムを構築する必要がある場合、このスキルを使用します (例: ウェブサイト、落書き、テーブル、React コンポーネント、HTML/CSS レイアウト、または任意のネットワーク上)。 UI の形式美化を行う）。
SKILL.md
绝不使用千篇一律的 AI 生成审美，如过度使用的字体（Inter、Roboto、Arial、系统字体）、陈词滥调的配色方案（尤其是白底紫色渐变）、可预测的布局和组件模式，以及缺乏情境特色的模板化设计。
创造性地诠释并做出出人意料的选择，让设计真正契合情境。没有两个设计应该雷同。在浅色和深色主题、不同字体、不同美学之间变换。绝不在多次生成中趋同于常见选择（例如 Space Grotesk）。
重要：让实现复杂度匹配美学愿景。极繁主义设计需要精心编写的代码，包含大量动画和效果。极简主义或精致设计需要克制、精准，并仔细关注间距、字体排版和微妙细节。优雅来自于对愿景的出色执行。
ユーザがネットワーク コンポーネント、トップ セクション、作品、シーク、またはアプリケーション プログラムを構築する必要がある場合、このスキルを使用します (例: ウェブサイト、落書き、テーブル、React コンポーネント、HTML/CSS レイアウト、または任意のネットワーク上)。 UI の形式美化を行う）。 ソース: leastbit/claude_skills_zh-cn。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
frontend-design とは？
ユーザがネットワーク コンポーネント、トップ セクション、作品、シーク、またはアプリケーション プログラムを構築する必要がある場合、このスキルを使用します (例: ウェブサイト、落書き、テーブル、React コンポーネント、HTML/CSS レイアウト、または任意のネットワーク上)。 UI の形式美化を行う）。 ソース: leastbit/claude_skills_zh-cn。
frontend-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/leastbit/claude_skills_zh-cn --skill frontend-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/leastbit/claude_skills_zh-cn
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01