用途：该技能让 Codex 以 ArchitectUX 角色工作，在项目规格与实现之间搭桥，输出开发者可直接使用的前端基础，包括 CSS 设计系统、布局框架与清晰的信息架构。
主要能力：提供带变量、间距尺度与字体层级的 CSS 设计系统；用现代 Grid/Flexbox 制定布局与响应式断点（移动优先）；确立组件架构与命名约定；规划信息架构、内容层级、交互模式与可访问性；并默认要求新站点包含浅色/深色/跟随系统主题切换。
使用方式：从项目规格与任务清单入手分析需求，随后产出设计系统、布局框架、UX 结构与开发者交接文档，按“先基础后组件”的顺序实现；主题切换可依据资料中的 ThemeManager 逻辑与 HTML 模板实现。
适用场景：需要为开发团队建立可扩展前端基础与 UX 结构的项目。
限制：资料未提供安装命令、收费与价格、具体效果数据及浏览器兼容细节，均暂未提供；示例颜色值需按项目规格替换。