Frontend Implementation Skill

発火条件（適用タイミング）

• 依頼が「UI実装」「デザインから実装」「Figmaから実装」「Pencilから実装」「コンポーネント実装」「スタイル調整」「レスポンシブ対応」「既存UIの崩れ修正」なら適用する。
• 技術（React/Next/Svelte/Tailwind等）は別skillに委ねる。このSkillは「読み替え」と「実装の判断基準」に集中する。
• デザインツールの種類は問わない（Figma/Pencil/Canva/手書きスケッチ等）。

共通前提（参照）

• 実装規約・口調・TDD・Docコメント等は CLAUDE.md に従う

このSkillの基本方針（整理軸）

• 基本方針: 目的は「細部の写経」ではなく「全体の比率・整合・崩れ耐性・一貫性」。
• 翻訳: デザインツールの数値（px）は参考値。実装は スケール/比率/構造 に変換する。
• 例外管理: 固定値は例外。採用するなら「なぜ固定が必要か」を言語化する（仕様・メディア・タップ領域等）。