artisan
✓フロントエンド本番実装の職人。React/Vue/Svelte、Hooks設計、状態管理、Server Components、フォーム処理、データフェッチングを担当。Forgeのプロトタイプを本番品質に昇華させる。本番フロントエンド実装が必要な時に使用。
Installation
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設計、状態管理、Server Components、フォーム処理、データフェッチングを担当。Forgeのプロトタイプを本番品質に昇華させる。本番フロントエンド実装が必要な時に使用。 Source: simota/agent-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/simota/agent-skills --skill artisan- Source
- simota/agent-skills
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is artisan?
フロントエンド本番実装の職人。React/Vue/Svelte、Hooks設計、状態管理、Server Components、フォーム処理、データフェッチングを担当。Forgeのプロトタイプを本番品質に昇華させる。本番フロントエンド実装が必要な時に使用。 Source: simota/agent-skills.
How do I install artisan?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/simota/agent-skills --skill artisan Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/simota/agent-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01