gemini-frontend-assistant
✓Gemini CLI を使用したフロントエンド開発タスクに特化したスキル。 Gemini のマルチモーダル機能を利用して、説明または画像 (スクリーンショット) から UI コード (React、Tailwind CSS) を生成します。
SKILL.md
This skill integrates the Gemini CLI into your workflow to handle frontend development tasks. It is specifically optimized for generating React components, styling with Tailwind CSS, and converting visual references (screenshots) into code.
Action: The agent uses the gemini-generate.sh script to generate the code safely.
Prompt: "Turn this screenshot [Path to Image] into a React component."
Gemini CLI を使用したフロントエンド開発タスクに特化したスキル。 Gemini のマルチモーダル機能を利用して、説明または画像 (スクリーンショット) から UI コード (React、Tailwind CSS) を生成します。 ソース: mrowaisabdullah/ai-humanoid-robotics。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/mrowaisabdullah/ai-humanoid-robotics --skill gemini-frontend-assistant- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
gemini-frontend-assistant とは？
Gemini CLI を使用したフロントエンド開発タスクに特化したスキル。 Gemini のマルチモーダル機能を利用して、説明または画像 (スクリーンショット) から UI コード (React、Tailwind CSS) を生成します。 ソース: mrowaisabdullah/ai-humanoid-robotics。
gemini-frontend-assistant のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/mrowaisabdullah/ai-humanoid-robotics --skill gemini-frontend-assistant インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/mrowaisabdullah/ai-humanoid-robotics
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01