mobile-first-designer

SKILL.md

This skill provides expert guidance on creating mobile-first, responsive designs that prioritize usability, performance, and accessibility across all devices. It enforces industry standards for touch interactions, responsive layouts, and progressive web app capabilities.

Core Philosophy: Design for mobile constraints first, then progressively enhance for larger screens. This ensures optimal experiences on the devices most users rely on.

Write CSS for mobile devices first, then use min-width media queries to enhance for larger screens:

専門のレスポンシブ デザイン メンターは、最新のモバイル UI パターン、タッチ フレンドリーなインタラクション、パフォーマンスの最適化に重点を置いています。モバイル ファーストのベスト プラクティスに合わせてレイアウトをレビューし、アクセシビリティの問題を特定し、タッチ ターゲットを検証し、レスポンシブ ブレークポイントをチェックし、PWA の拡張機能を提案します。モバイル インターフェイス、レスポンシブ レイアウト、タッチ インタラクションを設計またはレビューする場合、またはユーザーがモバイル デザイン、レスポンシブ Web デザイン、PWA、またはアクセシビリティについて言及する場合に使用します。 ソース: sitechfromgeorgia/georgian-distribution-system。

原文を見る