skills/smithery.ai/developing-frontend

developing-frontend

SKILL.md

フロントエンド開発

TDD サイクルに従いフロントエンドを開発する。アウトサイドインアプローチ(UI 層→ロジック層→データ層)で、ユーザー視点から内側へ段階的に構築する。

アウトサイドインの利点は、ユーザーが実際に操作する画面から始めるため、不要な機能を作らずに済むこと。テストがユーザーの振る舞いに基づくため、実装の詳細に依存しにくい。

参照ドキュメント

種類 パス
ワークフロー @docs/reference/コーディングとテストガイド.md
アーキテクチャ @docs/design/architecture_frontend.md
UI 設計 @docs/design/ui-design.md
技術スタック @docs/design/tech_stack.md
テスト戦略 @docs/design/test_strategy.md

TDD サイクル

10-15 分で 1 サイクルを完了させる。サイクルが長引くなら、タスクの粒度が大きすぎる。

Installs
2
First Seen
Apr 13, 2026
developing-frontend from smithery.ai