🎯

vision

🎯Skill

from simota/agent-skills

VibeIndex|
What it does

Redesigns and modernizes user interfaces, focusing on creating visually appealing and contemporary dashboard layouts with improved user experience.

vision

Installation

Install skill:
npx skills add https://github.com/simota/agent-skills --skill vision
5
Last UpdatedJan 26, 2026

Skill Details

SKILL.md

Overview

# AI Agent Skills

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

[![Agents](https://img.shields.io/badge/Agents-40-blue.svg)]()

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](CONTRIBUTING.md)

🤖 専門AIエージェントチームによる協調開発を実現するスキルコレクション

✨ Features

  • 40種類の専門エージェント - バグ調査、テスト、セキュリティ、UI/UX、インフラまで網羅
  • Nexusオーケストレーター - タスクを分析し最適なエージェントチェーンを自動設計
  • プラットフォーム非依存 - Claude Code、Codex CLI、Gemini CLI等で動作

🚀 Quick Start

インストール

```bash

# Claude Code の場合

git clone https://github.com/simota/agent-skills.git ~/.claude/skills

# その他のプラットフォーム

git clone https://github.com/simota/agent-skills.git /path/to/your/skills

```

使用方法

```

/Nexus ログイン機能を実装したい

/Scout このバグの原因を調査して

/Radar テストカバレッジを向上させて

/Vision ダッシュボードをモダンにリデザインしたい

```

📚 概要

このリポジトリには、ソフトウェア開発の様々な側面を専門とする40種類のAIエージェントが含まれています。各エージェントは特定のドメインに特化しており、Nexusオーケストレーターによって統括・連携されます。

エージェント一覧

オーケストレーション

| エージェント | 説明 | 出力 |

|------------|------|------|

| Nexus | チーム統括オーケストレーター。要求を分解し、最適なエージェントチェーンを設計 | プロンプト、進行管理 |

| Sherpa | タスク分解ガイド。複雑なタスクを15分以内のAtomic Stepに分解 | チェックリスト |

調査・企画(コードを書かない)

| エージェント | 説明 | 出力 |

|------------|------|------|

| Scout | バグ調査・根本原因分析(RCA)。再現手順と修正箇所を特定 | 調査レポート |

| Spark | 新機能提案。既存データ/ロジックを活用した機能をMarkdownで提案 | 仕様書 |

| Compete | 競合調査・差別化ポイント特定・ポジショニング。SWOT分析、機能マトリクス | 競合分析レポート |

| Voice | ユーザーフィードバック収集・NPS調査設計・感情分析・インサイト抽出 | フィードバックレポート |

| Researcher | ユーザーリサーチ設計・インタビューガイド作成・定性分析・ペルソナ/ジャーニーマップ作成 | リサーチレポート |

Git/PR管理

| エージェント | 説明 | 出力 |

|------------|------|------|

| Guardian | Git/PRの番人。変更のSignal/Noise分析、コミット粒度最適化、ブランチ命名、PR戦略提案 | 分析レポート、PR準備 |

Guardian → Judge → Zen の連携:Guardian(PR準備)→ Judge(レビュー)→ Zen(修正)

品質保証

| エージェント | 説明 | 出力 |

|------------|------|------|

| Radar | ユニット/統合テスト追加・フレーキーテスト修正・カバレッジ向上 | テストコード |

| Voyager | E2Eテスト専門。Playwright/Cypress設定、Page Object設計、視覚回帰、CI統合 | E2Eテストコード |

| Sentinel | セキュリティ静的分析(SAST)・脆弱性パターン検出・入力検証追加 | セキュリティ修正 |

| Probe | セキュリティ動的テスト(DAST)・OWASP ZAP/Nuclei連携・ペネトレーションテスト | 脆弱性レポート |

| Judge | codex reviewによるコードレビュー・PRレビュー自動化・コミット前チェック・AI幻覚検出 | レビューレポート |

| Zen | リファクタリング・コード品質改善(動作は変えない) | コード改善 |

実装

| エージェント | 説明 | 出力 |

|------------|------|------|

| Builder | 本番実装。TDD・Event Sourcing・CQRS・パフォーマンス最適化を備えた型安全な実装職人。仕様の曖昧性検出、Forgeからの自動引き継ぎ対応 | プロダクションコード |

| Artisan | フロントエンド本番実装の職人。React/Vue/Svelte、Hooks設計、状態管理、Server Components、フォーム処理、データフェッチング | フロントエンドコード |

| Forge | プロトタイプ作成。完璧より動くものを優先。Builder連携用にtypes.ts, errors.ts, forge-insights.mdを出力 | MVP/PoC |

パフォーマンス

| エージェント | 説明 | 出力 |

|------------|------|------|

| Bolt | アプリケーションパフォーマンス改善。フロント(再レンダリング削減)とバック(N+1修正)両面 | 最適化コード |

| Tuner | DBパフォーマンス最適化。EXPLAIN ANALYZE分析・インデックス推奨・スロークエリ改善 | クエリ最適化 |

UI/UX

| エージェント | 説明 | 出力 |

|------------|------|------|

| Vision | クリエイティブディレクション。デザイン方向性決定・Design System構築・Muse/Palette/Flow/Forgeのオーケストレーション | デザイン戦略 |

| Palette | ユーザビリティ改善・認知負荷軽減・a11y対応 | UX改善 |

| Muse | デザイントークン適用・余白/角丸/シャドウ統一・ダークモード対応 | 視覚的改善 |

| Flow | UIアニメーション・ホバー効果・ローディング状態・モーダル遷移 | アニメーション |

| Echo | ペルソナ検証。ユーザーになりきりUIフローの混乱ポイントを報告 | UXレポート |

| Showcase | Storybookストーリー作成・カタログ管理・Visual Regression連携。CSF 3.0形式 | Storybook Stories |

ドキュメント

| エージェント | 説明 | 出力 |

|------------|------|------|

| Quill | JSDoc/TSDoc追加・README更新・any型の型定義化 | ドキュメント |

可視化

| エージェント | 説明 | 出力 |

|------------|------|------|

| Canvas | 設計可視化。コード・仕様・コンテキストをMermaid図またはASCIIアート(フローチャート、シーケンス図、状態遷移図、クラス図、ER図等)に変換 | Mermaid図 / ASCII Art |

アーキテクチャ

| エージェント | 説明 | 出力 |

|------------|------|------|

| Atlas | 依存関係分析・循環参照検出・ADR/RFC作成 | 設計文書 |

| Horizon | モダナイゼーション。非推奨ライブラリ検出・ネイティブAPI置換・PoC作成 | 移行計画 |

| Gateway | API設計・レビュー・OpenAPI仕様生成・バージョニング戦略・破壊的変更検出 | API仕様書 |

データ

| エージェント | 説明 | 出力 |

|------------|------|------|

| Schema | DBスキーマ設計・マイグレーション作成・ER図設計 | マイグレーション/スキーマ定義 |

DevOps

| エージェント | 説明 | 出力 |

|------

More from this repository10

🎯
schema🎯Skill

Generates and validates structured data schemas, ensuring consistent and type-safe data models across different parts of a software project.

🎯
researcher🎯Skill

Designs user research methodologies, creates interview guides, conducts qualitative analysis, and develops personas and customer journey maps to deeply understand user needs and experiences.

🎯
triage🎯Skill

Prioritizes and categorizes software issues, identifying critical problems and recommending immediate actions for efficient problem resolution.

🎯
anvil🎯Skill

Forges and refines code structures, transforming raw code into optimized, well-structured implementations with precision and reliability.

🎯
probe🎯Skill

Conducts dynamic security testing using OWASP ZAP and Nuclei, performing penetration tests to identify and report potential vulnerabilities in software systems.

🎯
artisan🎯Skill

Crafts production-ready frontend implementations with expertise in React/Vue/Svelte, focusing on Hooks design, state management, Server Components, form handling, and data fetching.

🎯
nexus🎯Skill

Orchestrates and automatically designs optimal agent chains by analyzing tasks, breaking down complex requirements into coordinated AI agent workflows.

🎯
spark🎯Skill

spark skill from simota/agent-skills

🎯
muse🎯Skill

Generates creative design concepts and inspirational UI/UX mockups by analyzing project context and user experience requirements.

🎯
zen🎯Skill

Refactors and improves code quality without changing its core functionality, focusing on making code more clean, efficient, and maintainable.