Brand/design Review

Design Review — /brand design-review

> Agent: Valentina (Creative Director) | Requires: Computer Use (/mcp → computer-use)

Command

/brand design-review 

App can be: Figma, Sketch, Canva, or a direct file path to a design file.

What It Does

Opens a design tool and compares live designs against brand guidelines. Screenshots and annotates differences.

Workflow

1. Check computer-use availability — follow [Computer Use Availability Check](/arka)
2. Open the design tool or file
3. Navigate to the relevant artboards/pages
4. Compare against brand guidelines:

• Color palette accuracy (hex values, contrast)
• Typography (font family, sizes, weights)
• Spacing and layout consistency
• Logo usage and clear space
• Icon style consistency

1. Screenshot each artboard with annotations of issues found
2. Generate report with side-by-side comparisons

Example

/brand design-review Figma
/brand design-review ~/Documents/Homepage-v3.sketch
/brand design-review "Canva — Social Media Templates"

Fallback (No Computer Use)

⚠ Computer Use required for design tool interaction.
Enable via: /mcp → computer-use (macOS only, Pro/Max plan required)

Output

Design review report saved to Obsidian: Projects//Brand/Reviews/.md

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: andreagroferreira
• Source: andreagroferreira/arka-os
• License: MIT

Install and usage instructions live in the source repository linked above.