用途:该技能用于指导创建符合 Dynamous 品牌识别的前端界面,适用于为 Dynamous 构建网页组件、页面或应用。技能位于 .kiro/skills/frontend-design-skill。
主要能力:提供品牌哲学(技术感但平易近人、简洁优先、默认暗色模式、有意图的设计选择)、设计令牌(颜色、字体、间距、圆角)、标志性元素(玻璃卡片、蓝色辉光、主按钮、英雄渐变背景、网格纹理)、动效规范(时长与缓动、浮动/淡入/微光动画)以及反模式清单。
使用方式:实现前先阅读 .kiro/skills/frontend-design-skill/resources/brand-system.md 获取完整品牌规范,阅读 .kiro/skills/frontend-design-skill/resources/design-system.html 获取实时 CSS 参考与组件示例。实现流程建议:先设暗色画布 #07090F,建立文字层级,添加玻璃卡片容器,将 Dynamous 蓝用于操作,谨慎使用辉光,最后加入动效。
适用场景:需要保持 Dynamous 品牌一致性的前端界面开发,包括组件、页面、应用、缩略图与图表配色等。
限制:资料未提供安装命令、依赖版本、平台支持范围、收费或价格信息;具体实现细节需查阅上述参考文件。