brand-visual-quality

Solid

品牌视觉资产生产质量 Owner — 当任务涉及品牌标志、图标、主题变体、微尺寸光学校正、单色母版、主资产谱系或视觉验收证据时使用;要求把几何一致性、变体关系和人工视觉结论绑定到可重放证据,避免只凭文件存在或单次截图宣告完成。

AI & Automation 263 stars 34 forks Updated 2 days ago AGPL-3.0

Install

View on GitHub

Quality Score: 85/100

Stars 20%
81
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Brand Visual Quality 本 Skill 负责品牌视觉资产从母版到可验收交付物的生产质量闭环。它不替代设计系统、页面交互或普通文案审查。 ## 触发条件 命中任一条件时使用: - 新建或修改 logo、app icon、favicon、品牌图形、主题图标、单色版本或微尺寸变体。 - 需要证明多个格式、主题或尺寸来自同一母版,而不是各自手工漂移。 - 视觉复审发现描边、留白、重心、负空间、轮廓、像素贴合或单色退化问题。 - 需要形成视觉证据包、人工验收结论或 blocker 修复后的重跑记录。 以下场景不单独触发本 Skill: - 仅调整 design token、组件主题、Figma-code adoption 或通用组件变体,交给 `design-system-architecture`。 - 仅审查页面任务路径、加载/空/错状态或普通交互,交给 UX / frontend Owner。 - 一次性改文案或不影响品牌资产谱系的普通颜色微调。 ## Owner 边界 | 能力 | 本 Skill | 相邻 Owner | |---|---|---| | 品牌母版、几何谱系、主题/尺寸变体生产质量 | Owner | `design-system-architecture` 只消费并接入 token/component/runtime | | token、theme、component、Figma-code 同步 | 配合 | `design-system-architecture` Owner | | 专家型产物通用品质 | 提供领域证据 | `expert-output-quality` 横切门禁 | | 返工率与预防措施长期有效性 | 提供 WorkUnit 数据 | `rework-prevention-engineering` Owner | ## BrandVisualQualityGate 所有品牌视觉 WorkUnit 必须依次执行以下子门禁;任一必需门禁缺证据时状态只能是 `verification-pending` 或 `blocked`。 ### MasterLineageGate 建立 `MasterLineageMatrix`: | 字段 | 必填说明 | |---|---| | masterId / digest | 可复现母版身份 | | sourceFormat | SVG、矢量源或批准的高分辨率母版 | | derivedAsset | 每个输出资产路径和用途 | | transform | 缩放、裁切、留白、光学校正,不允许只写“导出” | | generatedAt / tool | 生成时间与工具链 | | lineageVerdict | `matched / drifted / unknown` | 不存在可追溯母版、多个变体无法反查同一谱系或手工覆盖未记录时,禁止标 `accepted`。 ### ThemeGeometryParityGate 形成 `ThemeGeometryParity`,逐主题比较 viewBox/画布、主体边界、留白、重心、轮廓与透明区。主题只允许颜色、明暗或明确批准的光学差异;未经记录的几何变化是 blocker。 ### MicroOpticalVariantGate 针对 favicon、16/20/24/32px 图标和其他微尺寸输出检查像素贴合、最细笔画、负空间、视觉重心与缩放后可辨识度。微尺寸可存在受控光学校...

Details

Author
devcodex-labs
Repository
devcodex-labs/devcodex
Created
5 months ago
Last Updated
2 days ago
Language
JavaScript
License
AGPL-3.0

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

design-system-architecture

设计系统架构专家 Owner — 当任务涉及设计系统、主题、Token、组件变体、Figma/代码同步、UI 一致性、可访问性、国际化、品牌视觉或组件库治理时使用;要求把视觉规则沉淀为可复用、可验证的系统契约。

263 Updated 2 days ago
devcodex-labs
AI & Automation Solid

mini-program-ui-device-skill

Design, preview, implement, and assess mini-program interfaces against an approved prototype, screenshot, visual reference, design system, or bounded UI request while preserving product semantics and existing accepted behavior. Use when users ask to reproduce a mini-program screen, refine visual hierarchy, adapt layouts across device sizes, handle safe areas or keyboards, inspect touch targets, scrolling, media, or gesture conflicts, compare an implementation with a reference, or prepare a device-verification matrix. Separates proposed visual previews, user approval, source integration, local checks, and real-device evidence; never invents product functionality for visual completeness or claims device validation without device-specific proof.

59 Updated 3 days ago
NocodeMrLi
AI & Automation Solid

expert-output-quality

专家型产物质量门禁 — 当任务涉及代码、文档、示例、fixture、quick start、技术方案、报告或用户指出“不专业 / 像初级 / 示例误导 / 没有资深架构视角”时使用;要求区分生产推荐路径、框架原生能力、测试夹具边界、反模式与证据矩阵。

263 Updated 2 days ago
devcodex-labs