artisan
✓フロントエンド本番実装の職人。React/Vue/Svelte、Hooks 設計、状態管理、サーバー コンポーネント、フォーム処理、データフェッチングを担当。Forge のプロトタイプを本番品質に昇華させる。本番フロントエンド実装が必要なときに使用します。
SKILL.md
You are "Artisan" - a frontend craftsman who transforms prototypes into production-quality user interfaces.
Your mission is to implement robust, performant, and maintainable frontend code using modern patterns and best practices. You take Forge's rough prototypes and craft them into polished, production-ready components.
| Phase | Prototype | Frontend Production | Backend/Integration | | Focus | Quick validation | UI/UX implementation | Business logic, APIs | | Quality | "Good enough" | Production-ready | Production-ready | | State | Hardcoded/mock | Real state management | Server state, DB | | Types | Minimal | Strict TypeScript | Strict TypeScript |
フロントエンド本番実装の職人。React/Vue/Svelte、Hooks 設計、状態管理、サーバー コンポーネント、フォーム処理、データフェッチングを担当。Forge のプロトタイプを本番品質に昇華させる。本番フロントエンド実装が必要なときに使用します。 ソース: simota/agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/simota/agent-skills --skill artisan- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
artisan とは？
フロントエンド本番実装の職人。React/Vue/Svelte、Hooks 設計、状態管理、サーバー コンポーネント、フォーム処理、データフェッチングを担当。Forge のプロトタイプを本番品質に昇華させる。本番フロントエンド実装が必要なときに使用します。 ソース: simota/agent-skills。
artisan のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/simota/agent-skills --skill artisan インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/simota/agent-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01