Css

frontend-design は、文脈を起点に個性あるフロントエンドUIコードを作るための skill です。想定ユーザー、利用シーン、ブランドトーンをもとに、ページ・コンポーネント・画面フローのレイアウト、タイポグラフィ、配色、モーション、インタラクション状態、UXライティングをより完成度高く整えたいときに役立ちます。

harden スキルは、エラー処理の強化、空状態・ローディング状態の整備、テキストあふれの修正、i18n 対応、実データで起こりがちなエッジケースへの対処を通じて、フロントエンドUIを本番運用に耐える状態へ仕上げるのに役立ちます。

vue-best-practices は、コード生成・レビュー・リファクタリングに対応した Vue 3 向けスキルです。Composition API、`<script setup lang="ts">`、明示的なデータフロー、SSR を意識した設計判断を促しつつ、リアクティビティ、SFC、composables、Router、Pinia、Vite ベースのアプリに関する主要リファレンスへ導きます。