菜单
Use when: designing or updating pages with mobile-first layout, responsive behavior, and touch-friendly interactions.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | mobile-first-responsive-design |
| description | Use when: designing or updating pages with mobile-first layout, responsive behavior, and touch-friendly interactions. |
Ensure core workflows are strong on small screens first.
Use when: planning, executing, or reviewing delivery work using Kanban boards, WIP limits, pull-based flow, and continuous improvement practices.
Use when: designing, building, or reviewing UI to meet WCAG 2.2 Level AA accessibility requirements across forms, navigation, content, and interactions.
Use when: implementing login, session controls, role-based access control, and permissions across system, programme, project, and module contexts.
Use when: implementing immediate backend persistence from frontend edits without full form submission, including validation and failure handling.
Use when: designing or refactoring feature architecture in CodeIgniter for maintainability, separation of concerns, and module consistency.
Use when: building programme/project dashboards, drill-down detail views, and cross-module reports with traceable source links.
