design_documents
共同撰写设计文档,并逐节提出需求修改建议
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
共同撰写设计文档,并逐节提出需求修改建议
三思而后行 - 在实现之前设计解决方案
在创建React/Vue组件或添加UI功能时使用。强制执行组合模式和状态管理的最佳实践。
专业的设计方法论,用于构建具有客户品牌特色的现代、高端界面。适用于所有客户工作和非AICA项目。在适应客户色彩和品牌形象的同时,应用玻璃化逻辑、电影级润色以及有意图的设计原则。对于Kelvin个人的AICA品牌(黑色玻璃+金色),请使用'aica'技能。
针对年轻人个人网站的系统化设计优化,遵循既定的设计原则。确保一致的配色方案、响应式布局和专业外观。
精选的顶级网站设计集合,按类别、风格和模式组织。包括SaaS、营销、电子商务和作品集网站,并分析了它们之所以有效的因素。在寻找设计灵感或特定模式的例子时使用。
面向边缘化群体的数字公平和创伤知情设计。激活关键词包括:“无障碍”、“离线优先”、“创伤知情”、“重新融入社会”、“康复人群”、“共享设备”、“不稳定的电话”、“数字公平”、“设计正义”、“低识字率”、“间歇性访问”。不适用于一般用户体验、营销优化或企业SaaS设计。
全面掌握23种Gang of Four设计模式,并通过渐进式披露(快速/实用/深入)的方式进行学习,具备使用模式识别解决实际问题的能力,并提供符合哲学指导的建议以防止过度设计。
理解设计工程师的角色——连接设计与实现。学习将设计视为代码,理解渲染管线,优化动画性能,并通过实现确保设计保真度。在将设计转化为代码、优化性能或通过开发确保质量时使用。
设计系统和反模式用于专业UI。确保应用程序看起来不是“AI生成的”。定义了调色板、字体、间距、动画以及应避免的常见反模式。由设计审查子代理使用,以完善UI。触发条件:设计审查、完善UI、提高美学、看起来像AI制作的、设计系统、风格指南、让它更美丽。
现代UI设计原则和指南,用于构建简洁、专业的界面。在创建任何UI组件、布局、网页或交互元素(包括按钮、表单、卡片、导航或完整应用程序)时使用。适用于HTML、CSS、React、Vue、Svelte以及任何前端框架。确保一致、简约且可访问的设计模式。
从模板初始化新的设计文档。在创建新的设计文档、记录新系统、开始架构文档或为新模块设置设计文档时使用。
系统设计面试的四步框架。在准备技术面试、练习白板设计或构建架构讨论时使用。涵盖需求收集、高层设计、深入探讨和总结。
应用专业的海军蓝配色方案和设计标记。在样式化组件、图表或确保应用程序中的颜色一致性时使用。
针对移动设备的视觉设计模式——触摸目标、手势和平台惯例。在设计移动界面时使用。
全面的PostgreSQL特定表设计参考,涵盖数据类型、索引、约束、性能模式和高级特性
导出为PDF/HTML/markdown。在分发文档、创建演示文稿或存档设计文档时使用。
建立或正式化你的设计系统基础。创建设计令牌(颜色、字体、间距、阴影、边框),定义组件架构,记录设计原则,并构建能够实现一致性和可扩展性的结构。支持Tailwind CSS和与框架无关的方法。
MLP Finanzberatung SE 企业设计系统结合了现代UI原则。在为MLP财务顾问创建任何用户界面、演示文稿、文档或材料时使用。确保符合品牌要求的颜色、字体、无障碍标准、一致的间距(8像素网格),以及针对医疗专业人员(MLP Med)和教育领域(SOFE)的子品牌指南。
在实现可访问性(WCAG/ARIA/对比度比)和设计令牌时使用。在实现表单、错误显示和键盘操作时参考。
创建具有技术卓越性的独特、美观的UI的核心设计原则。结合创意指导与实践基础,以打造令人难忘且易于访问的界面。在没有具体设计规范(Figma、截图、设计文件)时构建UI时使用:- 从零开始创建着陆页、主页、营销页面- 在没有设计的情况下构建Web应用程序、仪表板、管理面板- 选择设计系统:字体排印、颜色、间距、视觉层次- 需要提出完整的设计方案(字体、颜色、布局、间距)- 构建避免通用AI美学的独特…
生成显示设计文档之间关系的交叉引用图。在可视化文档依赖关系、查找相关文档或理解文档结构时使用。
全面了解所有23种四人组设计模式,并通过渐进式披露(快速/实用/深入)来识别问题解决模式,以及提供符合哲学的指导以防止过度工程化。
在构建UI之前收集用户的设计偏好。使用场景:开始一个具有视觉界面的项目(Web应用、移动应用、浏览器扩展)。触发词:“设计偏好”、“视觉风格”、“选择主题”、“设计步骤”。