skills.rest
ilya-makarov-dev
ilya-makarov-devCOMMUNITY
Explore all skills by this author →
GitHub

reframe-brand

Parse DESIGN.md files to extract brand design tokens and verify scene fidelity.

15|3|Updated Apr 7, 2026
Search Tags:#branding#design system#visual consistency#design tokens#brand fidelity
One-click install
npx skills add https://github.com/ilya-makarov-dev/Reframe --skill reframe-brand
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reframe-brand
Source: https://github.com/ilya-makarov-dev/Reframe/tree/main/.claude/skills/reframe-brand
Command: npx skills add https://github.com/ilya-makarov-dev/Reframe --skill reframe-brand

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps translate detailed brand specifications into design tokens, ensuring visual consistency across digital products.

Core Features & Use Cases

  • Design Token Extraction: Parses DESIGN.md files to extract typography, colors, component styles, and layout principles.
  • Brand Fidelity Assessment: Checks if the active design scene adheres to the brand’s prescribed design system.
  • Use Case: When a designer updates a brand's color palette or typography, use this Skill to ensure all scene elements match the brand guidelines precisely.

Quick Start

Use the reframe-brand skill to extract brand specifications from a DESIGN.md file and compare it against your current scene.

Frequently Asked Questions about reframe-brand

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I translate brand identity into design tokens for consistent UI?▼

You translate brand identity into design tokens by parsing DESIGN.md files to extract typography, colors, and component styles, ensuring visual consistency across digital products.

How do I check if my design scene adheres to brand guidelines?▼

You can verify brand fidelity by comparing your active design scene against extracted brand specifications to ensure all elements match the prescribed design system precisely.

What is the best way to extract typography and color styles from a DESIGN.md file?▼

The best way to extract typography and color styles from a DESIGN.md file is through deterministic parsing, which reads the markdown to generate structured design tokens automatically.

Can I use markdown files to automate a branding audit for visual consistency?▼

Yes, you can automate a branding audit by parsing design markdown files to extract specifications and validate scene elements against the defined brand design system.

Do I need a DESIGN.md file to maintain brand fidelity in my development workflow?▼

Yes, a DESIGN.md file is required as it provides the deterministic source for extracting brand design specifications, layout principles, and component styles needed to maintain fidelity.

Related Skills

Explore More Design & Creative Skills→
AradotsoAradotso
3

awesome-claude-design

Generate design tokens and UI components from DESIGN.md files.

Official
Basic
Hey-ViswaHey-Viswa

cohere-design-skill

Align UI design decisions with the Cohere design system and tokens.

Community
Intermediate
laraxotlaraxot
26

bmad-wds-browse-design-system

Generate a disposable localhost app for browsing design tokens and components.

Official
Intermediate
owshq-mecowshq-mec
122

ckm:brand

Manage brand voice, visual identity, and asset compliance with markdown guidelines.

Official
Advanced