用途：该技能提供一组带有明确约束的设计规范，供 AI 智能体在构建 Convertkit 风格界面时参考。适用时机包括：构建浅色模式界面、创建受 Convertkit 启发的设计系统、使用 Inter 字体与 4px 栅格实现 UI。
主要能力与规范要点： 颜色方面，主表面应使用浅色背景，页面背景必须为 #FFFFFF（surface-base），主要操作与焦点状态必须使用 #194775（accent），应精简调色板，文本对比度须至少 4.5:1。语义令牌包括 surface-base #FFFFFF、surface-raised #EEE9E4、surface-overlay #379EFD、text-primary #6C6C6C、text-secondary #8C8B91、text-tertiary #4B4855、border-default #EFFEFE、accent #194775。 排版方面，必须使用 Inter 作为主字体，主标题须为 75px/700，正文须为 29px/semi_bold，标题使用 text-balance、正文使用 text-pretty，数字数据宜用 tabular-nums，未经明确要求不得修改字距。 间距方面，必须使用 4px 栅格，默认元素间距为 5px，不得使用任意间距值。 边框方面，圆角取自 3px、4px、6px、7px、9px、10px，默认 7px；边框宽度限制为 1px、2px。 布局方面，基准视口宽度为 1920px，不使用 h-screen 而用 h-dvh，固定元素须尊重 safe-area-inset，方形元素用 size-*。 交互方面，焦点必须使用 2px 轮廓与 2px outline-offset，禁止移除焦点指示；破坏性或不可逆操作必须使用 AlertDialog；加载状态宜用骨架屏；错误须就近展示；不得阻止输入框粘贴；纯图标按钮须添加 aria-label。 动效方面，除非明确要求否则不加动画；仅动画 transform 与 opacity；入场用 ease-out；交互反馈不超过 200ms；尊重 prefers-reduced-motion。 性能方面，不对大范围 blur() 或 backdrop-filter 做动画；will-change 仅用于活动动画；可用渲染逻辑表达的不要用 useEffect。
限制：资料未提供安装命令、代码示例或具体集成方式，相关使用步骤暂未提供。