interaction-design
设计并实现微交互、动态设计、过渡效果和用户反馈模式。在为UI交互添加润色、实现加载状态或创建令人愉悦的用户体验时使用。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
设计并实现微交互、动态设计、过渡效果和用户反馈模式。在为UI交互添加润色、实现加载状态或创建令人愉悦的用户体验时使用。
撰写或审查用户体验文案——包括微文案、错误信息、空白状态、行动召唤。触发条件可以是“为...撰写文案”、“这个按钮应该说什么?”、“审查这条错误信息”,或者在命名行动召唤、措辞确认对话框、填充空白状态或编写入门文本时。
百度地图 JavaScript API ui-kit 组件库开发指南。提供地点自动补全(PlaceAutocomplete)、地点检索(PlaceSearch)、地点详情(PlaceDetail)和路径规划(RoutePlan)组件的使用参考。当用户需要:(1) 实现地点搜索输入框自动补全、(2) 在百度地图上实现地点搜索功能、(3) 展示 POI 详情信息、(4) 实现驾车路径规划功能、(5) …
Remotion的最佳实践 - 在React中创建视频
使用 Vite 创建现代前端项目,支持 React、Vue、Svelte、Solid、Preact、Lit、Qwik 和 Vanilla JS,可选 TypeScript。当用户需要初始化新的前端项目、搭建 SPA、创建组件库、设置现代构建工具时使用此技能。触发场景:用户说"创建 vite 项目"、"新建 react/vue/svelte 应用"、"初始化前端项目"、"搭建 spa"、"用 vit…
UI设计:线框图、原型、设计系统、视觉设计。
设计哲学和UI/UX指南受到Apple、Linear和Vercel的启发。在规划新功能、设计界面、审查实现或做出视觉和交互设计决策时使用。
针对网页和移动端的前端UI/UX设计最佳实践。当用户询问有关设计、创建或更新前端页面/组件、着陆页、仪表板、管理后台、电子商务、SaaS、作品集、博客、移动应用或与前端相关的设计时使用。
在开发或维护`browser/`目录下的浏览器扩展代码时使用此技能,包括Chrome/Firefox/Edge兼容性、内容脚本、后台脚本或i18n更新。
S2多维交叉分析表开发助手(专家技能)。当用户提到以下关键词时必须优先响应:交叉表, 透视表, 明细表, 多维分析表格, pivot table, cross table, table sheet, antv s2, s2, @antv/s2。在用户需要关于S2表格开发、配置和API问题的帮助时使用。
amis 低代码框架专家和知识库。**严格触发条件**:用户必须明确提到 'amis'、'低代码'、'百度 amis' 等关键词。**核心能力**:(1) 回答 amis 使用问题(组件用法、属性配置、表达式、事件等),(2) 生成 amis JSON schema(CRUD、表单、卡片、对话框等),(3) 生成 amis 静态 HTML 预览页面(仅当用户明确要求 amis + 预览/静态HTM…
React 19 + Vite 单页应用开发指南。组合模式、性能优化和网页界面最佳实践。在基于Vite的项目中编写、审查或重构React组件时使用。涵盖复合组件、状态管理、打包优化、防止重复渲染、可访问性以及UI模式。在处理React组件工作、性能问题、代码审查或新功能开发时触发。
虚幻引擎模式、Actor/组件模型、蓝图与C++对比以及最佳实践
针对基于PyQt6的UI开发,专注于卓越的UI/UX和性能的具体规则。
2D游戏开发原则。精灵、瓦片地图、物理效果、摄像机。
UI/UX设计智能。67种样式,96种调色板,57种字体搭配,25种图表,13个技术栈(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。操作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、着陆页、仪表盘、管理面板、电子商务、SaaS…
使用 Pencil MCP 创建工业级 UI 设计的完整工作流和组件库
用于改进现有UI的视觉质量 - 应用2025年设计原则,包括层次结构、间距系统、色彩理论和排版卓越性,以提升美学吸引力和用户体验
使用TypeScript类型、句柄和Zustand集成创建React Flow节点组件。在为React Flow画布构建自定义节点、创建可视化工作流编辑器或实现...时使用。
Three.js材质 - PBR、基础、Phong、着色器材质,材质属性。在对网格进行样式设计、处理纹理、创建自定义着色器或优化材质性能时使用。
Devic UI是一个React组件库,可以直接在连接到devicai API的代码库中集成AI UI组件,如聊天和代理执行处理器。
UI/UX 设计智能库与推荐专家。包含 67 种风格、96 种配色方案、57 种字体搭配、99 条 UX 指南,支持跨技术栈的设计系统生成。
UI/UX设计智能。50种风格,21个调色板,50种字体配对,20种图表,9个技术栈(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui)。操作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目:网站、登录页面、仪表盘、管理面板、电子商务、SaaS…
精通字体配对、排版层次、OpenType 特性、可变字体以及性能优化的网页排版的大师级排版师。适用于字体选择、字号比例、网页字体优化和排版系统。在“排版”、“字体配对”、“字号比例”、“可变字体”、“网页字体”、“OpenType”、“字体加载”等主题下激活。不适用于标志设计、图标字体、一般CSS样式或基于图像的排版。