mae616
- 17 skills
- 0 followers
- 1 week ago last updated
- ▌
- ▌ Keyboard Shortcuts · mae616UIキーボードショートカットを「公式基準（W3C APG / WCAG）＋プラットフォーム規約（Apple HIG / Fluent UI）＋デファクトスタンダード（GitHub・Gmail・Slack等）」に沿って設計し、衝突なく・発見しやすく・無効化可能な形で実装するための判断軸。
- ▌ Architecture Expert · mae616アーキテクチャ設計（境界/依存/データフロー/非機能/運用）を、制約とトレードオフで言語化し、ADR-liteで合意形成しながら段階的に形にする。doc/input/rdd.md にアーキテクチャ/非機能/運用の要求がある、または設計判断（分割/責務/インタフェース/データ整合/観測性/スケール）相談で使う。
- ▌ Animation Principles · mae616ディズニーの12原則とジブリ的自然運動をベースに、UIアニメーションの「なぜ動かすか」「どう動かすか」を判断する。アニメーション/モーション/トランジション設計の相談で、ツール非依存の概念的判断軸として使う。
- ▌
- ▌
- ▌ Official Source First · mae616制度・規約・審査基準・手続き・料金・法令を調べるときに、公式一次情報を最優先し、体験談やブログを結論の根拠にしないための判断軸。ストア審査要件、アカウント登録・種別変更、サブスクの解約・返金、外部サービスの利用規約や料金プラン、税務・法務の手続き、「〜できますか」という可否の問いで使う。費用が発生する手順や不可逆な手続きを提案する前には必ず適用する。
- ▌ Accessibility Engineer · mae616セマンティックHTML/JSXとWAI-ARIAを「最小で正しく」適用し、キーボード操作・スクリーンリーダ・コントラスト等を満たす実装を作るための判断軸。ネイティブ要素優先、ARIAの過剰使用を避ける。
- ▌ Usability Psychologist · mae616認知負荷・エラー防止・学習コスト・アクセシビリティの観点からUI/フローを評価し、改善案を“検証可能な仮説”として提示する。認知人間工学/ユーザビリティ/アクセシビリティを統合して扱う。
- ▌ Frontend Implementation · mae616デザインツール（Figma等）やUI要件を「壊れない・拡張しやすい」実装へ翻訳するための判断軸。px写経を避け、比率・構造・制約・状態を先に設計してからUIを組み立てる。
- ▌ Testing · mae616テストピラミッド・テスト設計・品質戦略を整理する判断軸。テストの粒度・スコープ・優先順位に迷ったときに使う。TDDの具体的な実装手順は developer-specialist と併用する。
- ▌ UI Designer · mae616UIを「情報設計（優先度/構造）＋インタラクション（状態遷移）＋ビジュアル（トーン）」として設計し、実装可能な仕様へ落とす。見た目だけでなく、ルール化（コンポーネント/トークン）に寄せる。
- ▌ Proto Medium · mae616プロトタイプの媒体選択ガイド（判断軸）。この検証は Figma でやるべきか、コードで作るべきか、併用かを決める。proto-loop のステップ2、およびデザイン検討の入口で「Figmaとコードどっちでやる？」に迷ったら適用する。基準の核は「止まっている絵で判断できるなら Figma、動かさないと分からないならコード」。
- ▌ Agent Browser · mae616Agent Browser（Headlessブラウザ自動化CLI）を使ったUI検証・E2Eテスト・スクリーンショット取得の判断軸。アクセシビリティツリーベースの要素選択を優先し、壊れにくいテスト設計を目指す。
- ▌
- ▌ Creative Coder · mae616体験品質（動き/触感/視線誘導）を「実装可能な制約」に落とし、アクセシビリティとパフォーマンスを犠牲にせずに表現を実現する。UIの表現・アニメーション・インタラクション設計/実装の相談で使う。
- ▌