Skip to content

Design Review Brief

Scaffolds an agent brief for conducting a comprehensive design review. The rendered brief instructs an agent to audit visual consistency, design token coverage, accessibility compliance, and component-level coherence against a design system. Produces a structured findings report with prioritized recommendations.

Namebrief-design-review
Version0.1.0
Categorydesign
LicenseApache-2.0
Personadesign
Tagsbrief, design-review, accessibility, design-system, audit
Sourcetemplates/brief-design-review

Render it

Three front doors, one catalog. Pick whichever suits the caller.

# CLI
npx @nanohype/sdk render brief-design-review --out ./my-app

# SDK
import { LocalSource, renderTemplate } from "@nanohype/sdk";
const result = await renderTemplate(source, "brief-design-review", variables);

# MCP — from an agent
get_template({ name: "brief-design-review" })

Variables

Required

ProjectName string
Name of the project under review

Optional

DesignSystemUrl string — defaults to
URL to the design system documentation or Figma library
TargetPlatform string — defaults to web
Primary platform being reviewed (web, ios, android, cross-platform)
AuditScope string — defaults to full
Scope of the review (full, component-only, page-level, token-audit)

What it produces

1 files. Placeholder names such as __APP_NAME__ are what the renderer substitutes into.

brief.md

Composes with