AiOffice 能力组合,开箱即用,为您的工作流提速
React 组件的命名、结构、测试和可读性。
检查文件是否符合 Web 界面指南。
暂无简介
Web 和移动应用程序的综合设计指南。包含 50 多种样式、97 种调色板、57 种字体配对、99 条 UX 指南以及跨 9 个技术堆栈的 25 种图表类型。可搜索的数据库,具有基于优先级的推荐。
此技能对现有网站或组件进行全面设计升级。它不仅仅是添加动画——它是一个涉及排版、间距、布局、深度、微交互和运动的整体视觉细化过程。保留现有的调色板;其他一切都可以而且应该改进。
在任何需要以下功能的项目中使用此技能进行前端 UI 设计和界面创建:
这项技能指导为酱汁和骨头汤电子商务品牌创建温暖、诱人、生产级的前端界面。每个设计都应该让人感觉它来自受人喜爱的手工食品品牌,而不是通用的 SaaS 工具。通过丰富的运动动画、食物前卫的调色板以及友好、平易近人的美学来实现真正有效的 React 代码。
这项技能指导创建独特的、生产级的前端界面,避免通用的“AI slop”美学。实施真正的工作代码,特别注重美学细节和创意选择。
创建 MCP(模型上下文协议)服务器,使 LLM 能够通过精心设计的工具与外部服务交互。 MCP 服务器的质量是通过它使 LLM 完成实际任务的能力来衡量的。
此技能指导创建独特的生产级前端界面,避免平庸的"AI 粗糙"美学。实现真正可用的代码,并高度关注美学细节和创意选择。
这是 Figma REST API 的 OpenAPI 规范。