共情账本的UI组件设计技能，专注于讲故事卡片、数据展示模式和AI内容丰富，包含文化敏感性和AI应用

食谱管理器技能是一个用于在CookMode V2中管理食谱数据的专业工具。它帮助用户创建、编辑、验证和维护食谱条目，确保数据遵循结构化对象格式。主要功能包括添加新食谱、修改现有食谱、修复格式错误、批量更新属性以及转换食谱格式。该技能适用于食谱数据管理、结构化数据转换、烹饪应用开发和数据验证等场景。

提供使用 TanStack Query 和 Axios 构建 API 客户端的专业指导，包括 JWT 令牌管理、错误处理、响应解析和分页列表处理。

通过使用 BEM、SMACSS 和 CSS-in-JS 模式等方法，构建可扩展、可维护的 CSS 架构系统，适用于大型项目和团队协作，关键词包括 CSS 架构、BEM、SMACSS、CSS-in-JS、样式组件。

构建全面的设计系统，包括组件、模式和指南，以实现一致的设计、更快的开发和更好的团队协作。

进行综合性的网站性能审计，测量页面加载速度，识别性能瓶颈，并推荐优化措施以提升用户体验和搜索引擎优化（SEO）。

响应式网页设计是一种前端开发技术，利用CSS技术如Flexbox、CSS Grid和媒体查询，采用移动优先方法构建自适应web界面，确保网站能在不同设备上（从手机到桌面）优化显示。关键词包括响应式设计、前端开发、CSS技术、移动优先、自适应布局。