提供UI/UX设计智能支持，包含风格、配色、字体等数据库。通过调用脚本搜索产品类型、样式规范及特定技术栈的最佳实践，辅助完成前端界面的规划、构建、审查与优化工作。
介绍GPUI框架中Entity的状态管理机制，涵盖强/弱引用、读写操作及异步更新，提供组件状态共享和防内存泄漏的最佳实践。
提供Figma插件的完整指南，包括REST API访问、实时选择监控及交互式UI。指导如何查询当前选择、认证配置及调用关键端点以获取设计文件、组件和导出图片。
通过 pixelshot 将网页或文档截图为分块图像，供 AI 视觉模型直接读取内容、检查布局及 UI。适用于需查看页面视觉效果而非原始 HTML 的场景。
指导Agent在调用generate_diagram工具前加载此Skill，将自然语言需求路由至Mermaid语法并生成FigJam图表。涵盖架构、流程图等类型支持判断及通用约束，避免渲染失败。
指导通过Codex ChatCut工具使用直接编码方式创建、编辑和放置动态图形JSX资产，强调内联源码、样式对齐及可视化验证。
提供Animate.css的Flip CSS关键帧动画，无需JS且支持无障碍偏好。用于快速添加元素入场动画，建议克制使用以保障可读性。
提供金融研究类视觉输出的设计规范，涵盖排版、色彩与构图，旨在避免通用AI美学，确保界面呈现专业、高密度的研报风格，同时优先遵循用户个人UI偏好。
AppKit TextKit 2 系统参考文档，面向 Edmund Markdown 编辑器。解释文本布局、选择、IME 等核心机制及常见陷阱，辅助处理排版异常与性能问题。
根据品牌简介生成视觉身份规范（配色、字体等）并序列化为JSON，供设计令牌技能使用。支持Web和终端界面适配，确保符合WCAG对比度标准。
用于在连接的设备（Mac/iOS/Android）上展示HTML内容，如游戏、可视化图表或交互演示。支持通过Tailscale进行跨设备访问和实时重载，提供呈现、隐藏、导航及JS执行等控制功能。
提供前端视觉设计指导，帮助构建独特UI或重塑现有界面。涵盖美学方向、排版及布局决策，避免模板化默认值，强调基于主题的个性化设计与有意为之的视觉风险。
将 Markdown 内容转换为使用 JFDI 设计系统的精美 HTML 页面，并上传至 S3 兼容存储以生成可分享链接。支持本地渲染、宽屏模式及复选框状态持久化。
指导创建独特、生产级的前端界面，避免通用AI风格。支持截图/视频复刻、3D体验及原型开发，通过设计参数调节视觉细节，确保高质量UI实现。
