aesthetic-excellence
用于改进现有UI的视觉质量 - 应用2025年设计原则,包括层次结构、间距系统、色彩理论和排版卓越性,以提升美学吸引力和用户体验
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
用于改进现有UI的视觉质量 - 应用2025年设计原则,包括层次结构、间距系统、色彩理论和排版卓越性,以提升美学吸引力和用户体验
使用TypeScript类型、句柄和Zustand集成创建React Flow节点组件。在为React Flow画布构建自定义节点、创建可视化工作流编辑器或实现...时使用。
设计并实现带有清晰表单流程、验证和API集成的仪表盘创建界面,以确保首次使用的成功。在构建或改进“创建仪表盘”用户体验时使用。
针对基于PyQt6的UI开发,专注于卓越的UI/UX和性能的具体规则。
Vue 2.6.14 Options API 的最佳实践、响应式系统、组件模式以及生态系统集成。每个参考仅展示 Vue 2.6.14 特定的解决方案。
创建符合品牌形象的图形和视觉素材,作为原生可编辑的Figma设计。当需要创建图形、视觉效果、图表、社交图片、幻灯片素材、营销材料或任何应遵循品牌的视觉素材时使用。创建原生Figma对象(框架、文本、形状、自动布局)以实现完全可编辑性。也可以在特别需要代码输出时生成SVG、D2或Mermaid格式。需要figma和figma-console MCP服务器。
Qt Model/View架构 —— QAbstractItemModel,表格/列表/树视图,项代理以及代理模型。当显示表格数据、构建带有自定义项的列表、实现树结构、创建可排序/过滤的表格或编写自定义项代理时使用。触发短语:“QAbstractItemModel”、“table view”、“list model”、“QTableView”、“QListView”、“tree view”、“it…
AGENTS.md 工作指南 —— 用于AI编码代理配置的开放标准。在创建、更新或优化AGENTS.md文件时,或者在将项目引入多代理工作流时使用。
Arco Design React UI 组件库参考 (@arco-design/web-react)。每当用户要求构建页面、创建UI、编写前端代码、开发Web应用程序、设计仪表板或实现任何React界面时——尤其是在他们提到Arco、arco-design、@arco-design/web-react 或任何 Arco 组件名称(如按钮、表格、表单、模态框、选择器、菜单等)时使用此技能。涵盖了所…
当用户需要为创建UI/UX原型生成详细、结构化的提示时,应使用此技能。当用户请求帮助“创建原型提示”、“设计移动应用程序”、“生成UI规范”,或需要网页/移动应用程序的全面设计文档时触发。支持包括微信工作、iOS原生、材料设计和蚂蚁设计移动在内的多种设计系统。
Three.js材质 - PBR、基础、Phong、着色器材质,材质属性。在对网格进行样式设计、处理纹理、创建自定义着色器或优化材质性能时使用。
专业的UI设计和前端界面指南。在创建网页、小程序界面、原型或任何需要独特且生产级设计以及卓越美学质量的前端UI组件时使用此技能。
使用Python构建Gradio网页界面和演示。在创建或编辑Gradio应用程序、组件、事件监听器、布局或聊天机器人时使用。
在使用reveal.js创建或更新演示文稿时使用,包括设置、幻灯片编写、插件、动画、导航和导出。
Qt线程模式 — QThread、QRunnable、QThreadPool以及GUI应用程序的线程安全。在执行后台任务、保持UI在长时间操作中的响应性、管理工作者线程、使用线程池或调试竞态条件和死锁时使用。触发短语:“QThread”、“worker”、“background task”、“thread safety”、“UI freezing”、“long operation”、“QRunna…
Unreal Engine蓝图可视化脚本技能,适用于宏、函数、事件图表和快速原型制作。
在开发Chrome扩展程序方面拥有专业知识,涵盖了从基础架构到高级功能的所有方面。包括Manifest V3、服务工作者、内容脚本、Chrome API、弹出窗口和选项页面、安全性、性能、测试、调试和发布等内容。适用于开发Chrome扩展程序或将Manifest V2迁移到V3时使用。对于HTML、CSS和JavaScript的最佳实践以及现代Web API,请使用modern-web-dev技能…
创建网页表单的分步指南
Godot 4.x 桌面应用开发模板技能。当用户使用 Godot 引擎开发桌面应用(非游戏)时使用此技能,涵盖架构设计、GDScript 编码模式、UI 管理、状态持久化、模块化插件系统等。触发场景包括:(1) 新建 Godot 桌面应用项目 (2) 设计 Godot 应用架构 (3) 实现 GraphEdit/GraphNode 可视化编辑器 (4) GDScript 4.x 编码模式参考 (5…
UI/UX设计智能。67种样式,96种调色板,57种字体搭配,25种图表,13个技术栈(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。操作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、着陆页、仪表盘、管理面板、电子商务、SaaS…
当用户想要为任何类型的业务设计和构建一个高端的多页网站时。生成可运行的Next.js + Tailwind CSS v4 + GSAP代码——而不是规范文档。当用户提到“网站设计”、“设计一个网站”、“构建一个网站”、“站点设计”、“着陆页”、“多页站点”或“网站页面”时也使用此规则。对于不包括网站的品牌形象,请参见品牌设计。
使用Rust+WASM或Godot 4.x进行HTML5游戏开发的工作流程。在创建新游戏、实现游戏机制或移植现有游戏时使用。遵循基于TDD的生产流水线v3.1,采用先资产的方法。涵盖Rust(Macroquad/Bevy)、Godot HTML5导出、资产获取、测试用例编写和质量保证自动化。主要指令(2026-02-06)- 仅允许使用Rust+WASM或Godot,禁止使用JS/TS框架。
Qt资源系统 — .qrc文件,嵌入图标和资产,在运行时加载资源,以及使用pyrcc6或PySide6-rcc。当将图标、图片或其他文件捆绑到应用程序中,通过":/"路径加载资源,或者从基于文件系统的资产方法迁移时使用。触发短语:".qrc文件","嵌入图标","pyrcc6","PySide6-rcc","捆绑的资产","资源路径",":/icons/","QIcon","来自资源的QPixma…
深度集成套接字API,用于跨平台的TCP/UDP编程。执行套接字操作,分析套接字选项和缓冲区配置,调试连接状态,并为不同的I/O模型生成优化的套接字代码。