Brand Visual Quality

by devcodex-labs

Brand Visual Quality is a Quality skill for Claude Code, published by devcodex-labs in devcodex.

202 stars26 forkson devcodex-labs/devcodexAdded 2026/09/05+16% in starsRepository updated 2026/08/31

View source on GitHub Download repo ZIP

ai-codingclaude-codecodexcoding-agentcursordeveloper-toolsgemini-cligithub-copilotgroklocal-firstworkflow-runtime

Install in seconds

Install Brand Visual Quality

Copy Brand Visual Quality into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/devcodex-labs/devcodex/tree/main/content/skills/brand-visual-quality ~/.claude/skills/brand-visual-quality

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/devcodex-labs/devcodex.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: content/skills/brand-visual-quality/SKILL.md in devcodex-labs/devcodex
Installs to: ~/.claude/skills/brand-visual-quality
Collection: One of 25 skills cataloged from this repository
Category: Quality — 1662 skills

What Brand Visual Quality does

Brand Visual Quality verifies brand marks, icons, theme variants, and micro-size outputs against a traceable master. It is used when you need geometry parity, mono-master checks, and visual evidence for acceptance.

Brand Visual Quality is cataloged under Quality on DirSkills. Brand Visual Quality comes from a repository tagged ai-coding, claude-code, codex, coding-agent and cursor.

Documentation

README

Excerpt

Brand Visual Quality

本 Skill 负责品牌视觉资产从母版到可验收交付物的生产质量闭环。它不替代设计系统、页面交互或普通文案审查。

触发条件

命中任一条件时使用：

新建或修改 logo、app icon、favicon、品牌图形、主题图标、单色版本或微尺寸变体。
需要证明多个格式、主题或尺寸来自同一母版，而不是各自手工漂移。
视觉复审发现描边、留白、重心、负空间、轮廓、像素贴合或单色退化问题。
需要形成视觉证据包、人工验收结论或 blocker 修复后的重跑记录。

以下场景不单独触发本 Skill：

仅调整 design token、组件主题、Figma-code adoption 或通用组件变体，交给 design-system-architecture。
仅审查页面任务路径、加载/空/错状态或普通交互，交给 UX / frontend Owner。
一次性改文案或不影响品牌资产谱系的普通颜色微调。

Owner 边界

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Brand Visual Quality

What else does devcodex-labs publish alongside Brand Visual Quality?
Brand Visual Quality is one of 25 skills that DirSkills catalogs from devcodex-labs/devcodex, the repository it ships in. Its siblings there include AI Agent System Architecture, AI Evaluation Engineering and API Contract Architecture. Each one is a separate skill with its own page in this directory, installs the same way Brand Visual Quality does, and is maintained by devcodex-labs in that same repository. The rest of the collection is listed on the devcodex-labs/devcodex page.
How does Brand Visual Quality compare to other Quality skills?
Brand Visual Quality ranks #1519 by stars among the 1662 Quality skills in this catalog. The most-starred ones next to it are Benchmark, Benchmark Optimization Loop and API Design Patterns. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Brand Visual Quality against them. Open each page to compare what they document and how they install.