已发布技能 7
ckm:slides
创建带数据可视化的战略性 HTML 演示文稿
从零开始制作有说服力的幻灯片需要花费数小时的设计和文案工作。本技能提供经过验证的模板、Chart.js 集成和文案公式,可快速创建专业演示文稿。
ckm:banner-design
为每个平台设计横幅
创建针对特定平台的横幅需要精确的尺寸、安全区域和艺术指导选择。本技能提供了一个引导式工作流程,可以为社交、网页和打印生成具有正确规格的多种横幅设计选项。
ckm:brand
建立并维护一致的品牌形象
当品牌指南分散在不同的文档中时,很难在内容、资产和设计系统之间保持品牌一致性。此技能提供结构化框架、自动化验证脚本和设计令牌同步功能,以保持品牌声音和视觉的一致性。
ui-ux-pro-max
创建专业的UI/UX设计
构建用户界面需要找到合适的风格、颜色和布局模式。此技能提供了一个包含50种设计风格、21种配色方案、50种字体搭配以及特定框架指南的综合数据库,用于创建专业的界面。
ckm:ui-styling
UI 样式工具包 - shadcn/ui、Tailwind CSS 与 Canvas 设计系统
通过将 shadcn/ui 的可访问组件库与 Tailwind CSS 实用优先样式及基于 Canvas 的可视化设计系统相结合,消除 UI 开发摩擦。本技能提供 40+ 个 shadcn/ui 组件的全面参考文档、主题及深色模式方案、可访问性指南、响应式设计实用工具,以及用于组件安装和 Tailwind 配置生成的 Python 自动化脚本。
ckm:design
使用AI设计Logo、品牌标识和社交媒体视觉内容
专业设计通常需要聘请设计师或学习复杂的设计软件。本技能可通过AI根据您的描述直接生成Logo、品牌标识文档、社交媒体图片、横幅、图标和演示文稿。
ckm:design-system
生成设计令牌、验证使用情况并创建品牌化幻灯片
当令牌在原始层、语义层和组件层之间未能一致应用时,设计系统往往会崩溃。此技能可从 JSON 令牌定义生成 CSS 变量,验证代码中的令牌使用情况,并通过 Chart.js 集成创建符合品牌的幻灯片演示。