该技能用于开发电商店面时的最佳实践指导，适用于结算页、购物车、商品详情与列表、导航、首页、搜索、筛选、账户页，以及从头搭建或优化现有购物体验。
主要能力：覆盖 UI/UX 模式、组件设计、布局结构、SEO 优化与移动端响应式；强调无障碍（购物车数量更新需 aria-live="polite"）、移动端安全区 env(safe-area-inset-bottom) 与 44px 触控目标、商品图 loading="lazy" 与移动端图片优化。
使用方式：开始任何店面任务前加载本技能；创建任何 UI 组件前先加载 reference/design.md；按任务加载对应参考文件，如 connecting-to-backend.md、medusa.md、seo.md、mobile-responsiveness.md，以及 components、layouts、features 下文件。连接后端前须先查询 MCP 或官方文档验证方法签名，再写代码并检查 TypeScript 错误。
限制与注意：Medusa 价格按原样显示，不要除以 100；动态内容必须从后端获取，不得硬编码；商品与分类须使用动态路由；店面 UI 不使用 emoji。部分框架与后端细节需以资料所列为准，其余未提供。