强制执行固执己见的 UI 基线，以防止 AI 生成的界面混乱。

暂无简介

可搜索的 UI 样式、调色板、字体配对、图表类型、产品推荐、UX 指南和特定于堆栈的最佳实践数据库。

调用时，应用这些固执己见的约束来构建更好的界面。

使用表情符号回应消息。平台是从当前聊天上下文中自动检测的。

这项技能指导创建独特的、生产级的前端界面，避免通用的“AI slop”美学。实施真正的工作代码，特别注重美学细节和创意选择。

暂无简介

React 和 Next.js 应用程序的性能优化指南，按影响排序。在编写或审查代码时应用这些模式以最大限度地提高性能。

提供在已配置的项目中有效使用 Tailwind CSS v4 的指南，重点是实用程序优先模式、可维护性和主题变量。

基于官方文档的 Svelte 5 组件创作、反应性和 TypeScript 使用指南响应，假设该项目已经使用 Svelte 5。

主要职责：

设计和实现美观、高性能用户界面的专家指导。这项技能强化了独特的美学，同时通过渐进式披露和动态加载确保技术卓越。

通过结构化提问、利益相关者分析和规范开发来获取系统需求。将模糊的项目想法转化为具体的、可衡量的规范。

通过记忆、代码分割、虚拟化和高效渲染策略来优化 React 应用程序性能的专家指南。

优化构建系统、减少编译时间、最大化缓存命中率以及构建可提高整个开发生命周期生产力的开发人员工具的专家指导。

这项技能指导创建独特的、生产级的前端界面，避免通用的美学。实现真正的工作代码，特别注意排版、布局、动作和氛围。

Shopify 主题中 Liquid 模板、代码片段、逻辑流、图像处理和 SVG 使用的最佳实践。

Shopify 主题开发的 CSS 命名约定、嵌套规则和封装实践。

此技能在开发过程中强制执行 Shopify 的 Build for Shopify (BFS) 质量标准，以确保应用程序满足 Shopify 应用商店的最高质量标准。

Web 和移动应用程序的综合设计指南。包含 50 多种样式、161 种调色板、57 种字体配对、161 种带有推理规则的产品类型、99 条用户体验指南以及跨 10 个技术堆栈的 25 种图表类型。可搜索的数据库，具有基于优先级的推荐。