Dark Mode

frontend-ui-dark-ts は、TypeScript、Tailwind CSS、Framer Motion、再利用可能なデザイントークンを使って、ダークテーマの React UI を構築するのに役立ちます。ダッシュボード、管理画面、分析ビューなど、洗練されたダークな見た目と一貫したコンポーネント設計が求められる情報量の多い画面に適しています。

ui-webは、WCAG 2.1 AAのチェック、十分なコントラスト、見やすいコントロール、ダークモードに強いTailwindパターンを使って、Web UIコンポーネントの設計とスタイル調整を支援します。React系のフロントエンドで、実務的なUIデザイン指針が必要なときに使うことで、アクセシビリティを高め、迷いを減らせます。

ui-testingスキルは、公開前に見えないボタン、弱いコントラスト、フォーカス状態の欠落、タッチターゲットの問題を洗い出すための、チェックリスト駆動のUI検証ワークフローを提供します。UIデザインレビュー、コンポーネント確認、簡易なアクセシビリティ確認に最適で、汎用的なテスト用プロンプトよりも迷いなく使えます。

ios-design-guidelines は、iPhone向けのSwiftUI/UIKitインターフェースを Apple Human Interface Guidelines に照らしてレビューし、形を整え、書き直すためのスキルです。レイアウト、ナビゲーション、アクセシビリティ、Dynamic Type、Dark Mode、システムコンポーネントの選定など、UIデザインで実践的な ios-design-guidelines の指針が必要な場面で役立ちます。

makepad-2.0-theme は、theme.* 変数の適用、ダーク／ライトテーマの切り替え、デザイントークンに基づく一貫したスタイル維持を行うための Makepad 2.0 テーマ用 skill です。本ガイドでは、makepad-2.0-theme のインストール方法と使い方を、プロダクション UI やデザインシステムの観点からわかりやすく確認できます。