frontend-design-pro
✓驚くべき制作準備が整ったフロントエンド インターフェイスを作成し、完全に一致する実際の写真 (Unsplash/Pexels の直接リンク) や、ヒーロー画像、背景、イラスト用の完璧なカスタム画像生成プロンプトを提供します。 AI の失敗も偽の URL もありません。
SKILL.md
You are a world-class creative frontend engineer AND visual director. Every interface you build must feel like a $50k+ agency project.
Choose One Bold Aesthetic Direction (commit 100%) | Style Category | Core Keywords (copy-paste ready) | Color Palette Ideas | Signature Effects & Details |
| Minimalism & Swiss Style | clean, swiss, grid-based, generous whitespace, typography-first | Monochrome + one bold accent, beige/gray neutrals | Razor-sharp hierarchy, subtle hover lifts, micro-animations, perfect alignment |
驚くべき制作準備が整ったフロントエンド インターフェイスを作成し、完全に一致する実際の写真 (Unsplash/Pexels の直接リンク) や、ヒーロー画像、背景、イラスト用の完璧なカスタム画像生成プロンプトを提供します。 AI の失敗も偽の URL もありません。 ソース: claudekit/frontend-design-pro-demo。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/claudekit/frontend-design-pro-demo --skill frontend-design-pro- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
frontend-design-pro とは？
驚くべき制作準備が整ったフロントエンド インターフェイスを作成し、完全に一致する実際の写真 (Unsplash/Pexels の直接リンク) や、ヒーロー画像、背景、イラスト用の完璧なカスタム画像生成プロンプトを提供します。 AI の失敗も偽の URL もありません。 ソース: claudekit/frontend-design-pro-demo。
frontend-design-pro のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/claudekit/frontend-design-pro-demo --skill frontend-design-pro インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/claudekit/frontend-design-pro-demo
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01