Agent skill

45 Design Tool Brief Global

by minhnv0807 in minhnv0807/ai-business-skills

A skill your agent uses when a designer needs hands-on production direction inside a tool — Canva, Figma, or Adobe Express: which template to start from, the operating order, element-by-element…

MITAuto-check passedMarketing & SEO

Install 45 Design Tool Brief Global

skills CLI
$ npx skills add minhnv0807/ai-business-skills --skill 45-design-tool-brief-global -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install minhnv0807/ai-business-skills 45-design-tool-brief-global --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/en/45-design-tool-brief-global .claude/skills/45-design-tool-brief-global && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
45-design-tool-brief-global
GitHub stars
609
Token cost
~2.3k tokens
SKILL.md length
651 words
Files
1
Skills in repo
142
Repo updated
First seen
Licence
MIT

At a glance

A skill your agent uses when a designer needs hands-on production direction inside a tool — Canva, Figma, or Adobe Express: which template to start from, the operating order, element-by-element…

  • Works in 4 steps: Identify the base → Follow the standard operating order → Map every element → …
  • A designer needs hands-on production direction inside a tool — Canva
  • SKILL.md covers Information gathering, Principles, Workflow and Output structure, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

45 Design Tool Brief Global is an agent skill from minhnv0807/ai-business-skills. Use when a designer needs hands-on production direction inside a tool — Canva, Figma, or Adobe Express: which template to start from, the operating order, element-by-element mapping, grid and spacing, brand kit colors and fonts, export checklist, and the dos and do-nots. Trigger on 'Canva brief', 'Figma brief', 'production direction', 'how do I build this in Canva', 'layout direction for the designer', 'the junior designer needs step by step'. Not for — the creative concept for a static, see…

Its SKILL.md is about 2.3k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Marketing & SEO, covering Brand strategy and identity and Slides and decks. It works with Canva and Figma. The repository describes itself as: 138 bilingual AI marketing skills (69 VN + 69 Global) for Claude Code, OpenCode, Codex, VS Code. Four role SOP packs — content, design, performance, leader ops — plus strategy… The licence is MIT.

When your agent uses it

  • A designer needs hands-on production direction inside a tool — Canva
  • Adobe Express: which template to start from
  • The operating order
  • Element-by-element mapping

Example prompts

  • “Canva brief”
  • “Figma brief”
  • “production direction”
  • “/45-design-tool-brief-global”

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Identify the base
  2. Follow the standard operating order
  3. Map every element
  4. Export against the checklist

What it can do on your machine

Read from SKILL.md and the folder at commit 0360adc. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

45 Design Tool Brief Global loads about 2.3k tokens when it runs. Until then it costs about 187 tokens; SKILL.md has 651 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~187
When it runs · the whole SKILL.md, loaded when a task matches
~2.3k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from minhnv0807/ai-business-skills at commit 0360adc, republished under its MIT licence (© minhnv0807). 651 words, ~2,276 tokens.

Download SKILL.mdSave it as .claude/skills/45-design-tool-brief-global/SKILL.md (or your agent's skills folder).
name
45-design-tool-brief-global
description
Use when a designer needs hands-on production direction inside a tool — Canva, Figma, or Adobe Express: which template to start from, the operating order, element-by-element mapping, grid and spacing, brand kit colors and fonts, export checklist, and the dos and do-nots. Trigger on 'Canva brief', 'Figma brief', 'production direction', 'how do I build this in Canva', 'layout direction for the designer', 'the junior designer needs step by step'. Not for — the creative concept for a static, see `42-image-brief-global`; the concept for a slide sequence, see `43-carousel-brief-global`; the brand rules being applied, see `46-brand-guideline-global`; adapting one master into every size, see `50-asset-resize-global`.
metadata.version
1.0.1
metadata.category
operations
license
MIT
triggers
design tool brief, Canva brief, Figma brief, production direction, layout direction, template direction, how do I build this in Canva
output
File .md — full production direction: base template, brand system quick reference, element-by-element direction, export checklist. The designer opens the tool…
related
product-marketing-context-global, 41-campaign-asset-list-global, 42-image-brief-global, 43-carousel-brief-global, 46-brand-guideline-global…

Design Tool Brief (Global)

A good production brief means the designer opens the right template, uses the right elements, and never hunts around. Colors, fonts, and logos come from the brand kit inside the tool or from the brand guideline (46-brand-guideline-global) — never chosen ad hoc.

This skill is tool-agnostic. The workflow is the same in Canva, Figma, or Adobe Express — only the terminology differs (Canva Brand Kit / Figma styles and variables / Adobe Express brand). State which tool the team uses at the top of the brief.

Information gathering

Read the brand guideline and the originating brief (42-image-brief-global or 43-carousel-brief-global) if available. If information is missing, ask up to 4 questions:

  1. Design type, tool, and canvas size? Post, story, carousel, presentation, or email banner — in which tool, at how many pixels?
  2. Where does the designer start? New file from blank, edit an existing template, or duplicate a previous design (link)?
  3. Is the content ready? Is the copy approved, and how many variants or sizes are needed?
  4. Deadline and approver?

Principles

  1. No fonts or colors outside the brand kit unless the lead approves in writing.
  2. No AI-generated imagery in brand content without approval — use real photography or pre-approved stock.
  3. Share a view or comment link before exporting. Do not export first and ask for approval after.
  4. Any change after the first approval requires a new approval.
  5. Never leave a file named "Untitled design" — apply the naming convention from the start.
  6. Set up the brand kit before designing: load the palette from the brand guideline, add [heading font] and [body font], and save every logo version.

Workflow

1. Identify the base

State exactly where the designer starts: a link to a brand template, a blank canvas at the correct size, or a duplicate of a specific previous design.

2. Follow the standard operating order
StepAction
1Open or create the canvas at the exact channel size (see 50-asset-resize-global)
2Set the background to [background color] or [light background color] per the brand guideline
3Set accents to [primary color] or [secondary color]
4Swap fonts to [heading font] / [body font]
5Replace the content, preserving hierarchy (H1 largest, body smallest)
6Verify: logo placement correct, colors in palette, text contrast sufficient
3. Map every element

Every text box, image placeholder, and color block gets explicit direction in the template below.

Show full SKILL.md (253 more words)Show less
4. Export against the checklist

Format, resolution, color profile, file name, folder — never improvised.

Output structure

File name: design-tool-brief-[name]-[YYYYMMDD].md

markdown
# Design Tool Brief — [Design name]

## Overview
| Item | Detail |
|------|--------|
| Design type | |
| Tool | Canva / Figma / Adobe Express |
| Canvas size | |
| Base | [template link / blank / duplicate of design X] |
| Variants required | |
| Deadline | |
| Approver | |

## Brand system quick reference (from the brand guideline)
Colors:
| Name | Value | Used for |
|------|-------|----------|
| Primary | [primary color] | Headings, CTA buttons, dominant grounds |
| Secondary | [secondary color] | Highlights, accents, standout figures |
| Background | [background color] | Clean grounds |
| Text strong | [strong text color] | Body text on light grounds |
| Text muted | [muted text color] | Subtext, captions |
| Light surface | [light background color] | Section grounds, cards |

Typography:
| Used for | Font | Weight | Suggested size |
|----------|------|--------|----------------|
| Heading H1 | [heading font] | Bold 700 | 40-56px |
| Heading H2 | [heading font] | Bold 700 | 28-36px |
| Heading H3 | [heading font] | SemiBold 600 | 20-24px |
| Body | [body font] | Regular 400 | 14-16px |
| Caption | [body font] | Regular 400 | 11-13px |
| CTA button | [heading font] | Bold 700 | 14-16px |

If the tool does not carry [heading font], use the fallback named in the brand guideline.

Logo:
- Full logo: headers, covers, first slide. Icon only: watermark, story, avatar.
- Default position and clear space: per the brand guideline (commonly 16px).
- Never place the logo over a busy background that muddies it.

Components:
- Primary button: fill [primary color], light text, brand radius, padding 12x24px
- Secondary button: border [primary color], text [primary color], no fill
- Card: light ground, soft shadow, radius 12px, padding 24px

## Element-by-element direction
Text boxes:
| Element | Font | Size | Color | Content (approved) |
|---------|------|------|-------|--------------------|
| Headline | [heading font] Bold | | | "[...]" |
| Subheadline | [heading font] SemiBold | | | "[...]" |
| Body | [body font] Regular | | | "[...]" |
| CTA | [heading font] Bold | | | "[...]" |

Images and visuals:
| Position | Content | Style | Source |
|----------|---------|-------|--------|
| Background | [solid / gradient / photo] | [overlay opacity if any] | [approved stock / upload] |
| Hero image | [description] | [crop style] | [link / upload] |
| Icon set | [line / filled] | [icon color] | [tool library / brand assets] |

Layout grid:
- Outer canvas padding: 40px each edge (desktop) / 24px (mobile-first)
- Element spacing: 16px (tight) / 24px (normal) / 40px (breathing room)
- Text never touches the canvas edge — minimum 24px padding

## Export checklist
- [ ] Format: JPG (static) / PNG (transparency) / PDF (documents)
- [ ] Resolution 2x; color profile RGB for digital — not CMYK
- [ ] File name: [Campaign]_[Channel]_[Size]_[Stage]_[Version]_[Status]
- [ ] Upload folder: /[Brand]/Campaigns/[CampaignName]/Assets/Final/
- [ ] Share a view or comment link with the lead before the final export

## Review
- Draft link shared: [date] — feedback via comments directly in the file
- Max revision rounds: [X] — export the final only after an approving comment

Common production mistakes to avoid

  • Leaving the template's default fonts (Poppins, Montserrat, and similar) instead of the brand fonts.
  • Picking colors outside the palette with the tool's color wheel.
  • Text too small over imagery — below 14px is unreadable on a phone.
  • Too much copy on one frame — cap body text at three or four lines.
  • Forgetting story safe zones: keep important content out of the top and bottom 250px, where platform UI overlays it.
  • Forgetting to rename the file, leaving "Copy of Copy of...".
  • Exporting at 1x when the asset will be viewed on high-density screens.
  • 42-image-brief-global and 43-carousel-brief-global: concept and content brief first; this skill covers production.
  • 41-campaign-asset-list-global: identify the asset and its deadline before opening the tool.
  • 46-brand-guideline-global: source of palette, fonts, logo, and component rules — set the brand kit from it.
  • 50-asset-resize-global: exact canvas sizes and adaptation strategy per channel.
  • 47-design-review-global: review the result after export.

Quality checklist

  • Base stated explicitly (template link / blank / duplicate of X)
  • Tool named, and its brand kit set up with palette, fonts, and logos
  • The six-step operating order is written into the brief
  • Every text box has a font, size, color, and approved content
  • Layout grid, padding, and spacing are specified
  • Export checklist covers format, 2x, RGB, naming, and folder
  • Review happens through comments in the file, with no export before approval
  • No element uses a color or font outside the brand kit

© minhnv0807, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/en/45-design-tool-brief-global of minhnv0807/ai-business-skills.

Open the folder on GitHubat commit 0360adc

Compare with similar skills

45 Design Tool Brief Global next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

45 Design Tool Brief Global compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
45 Design Tool Brief Global this skillminhnv0807/ai-business-skills609—~2.3kAutomated safety check: PassMIT
Design And Templatessocial-media-skills/skills134—~1.6kAutomated safety check: PassMIT
Canva Brand Checkcanva-sdks/canva-skills119—~1.3kAutomated safety check: PassApache-2.0
DesignOhh-889/skyroc7959 repos~3.1kAutomated safety check: PassMIT
Canva Designerasgeirtj/system_prompts_leaks69k—~2.1kAutomated safety check: PassCC0-1.0
Brand and Design Toolkitnextlevelbuilder/ui-ux-pro-max-skill135k1 repos~3.5kAutomated safety check: PassMIT

Similar skills

  • Design And Templates

    social-media-skills/skills

    The reusable on-brand template-SYSTEM skill -- build a brand kit + a small set of reusable templates so a non-designer can produce consistent on-brand graphics fast across formats.

    134 GitHub stars~1.6k tokensUpdated 9 days ago
    Marketing & SEOAuto-check passed
  • Canva Brand Check

    canva-sdks/canva-skills

    Check a Canva design against a brand kit and report where it diverges — off-palette colors, non-brand fonts, logo misuse, and off-tone copy.

    119 GitHub stars~1.3k tokensUpdated 3 mo ago
    Marketing & SEOAuto-check passed
  • Design

    Ohh-889/skyroc

    Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations…

    795 GitHub starsUsed in 9 repos~3.1k tokens
    Frontend & DesignAuto-check passed
  • Canva Designer

    asgeirtj/system_prompts_leaks

    Creates and edits Canva designs, generates images and works with brand kits through the canva CLI and Canva's official MCP server, from decks to social posts.

    69k GitHub stars~2.1k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Brand and Design Toolkit

    nextlevelbuilder/ui-ux-pro-max-skill

    Bundles design tasks behind one skill: brand identity, tokens, UI styling, logos, corporate identity mockups, slides, banners, icons and social images.

    135k GitHub starsUsed in 1 repo~3.5k tokens
    Media & CreativeAuto-check passed
  • Cc Design

    ZeroZ-lab/cc-design

    High-fidelity HTML design and prototype creation. An agent skill from ZeroZ-lab/cc-design.

    827 GitHub stars~2.2k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check: notes

More from minhnv0807/ai-business-skills

All 142 skills in this repo
  • Design Master

    minhnv0807/ai-business-skills

    Handles eight kinds of marketing visual requests, from logos and campaign key visuals to infographics and quote graphics, by generating images or writing paste-ready prompts.

    609 GitHub stars~4.6k tokensUpdated 29 days ago
    Auto-check passed
  • Offer Design

    minhnv0807/ai-business-skills

    Designs or repairs what a business sells, covering the promise, value stack, bonuses, guarantee, honest scarcity and a tiered ladder, rather than price or copy.

    609 GitHub stars~1.1k tokensUpdated 29 days ago
    Auto-check passed
  • Global SEO Growth

    minhnv0807/ai-business-skills

    Covers six SEO layers for a website: crawl and index audit, local SEO, search-intent content, AI search visibility, schema markup and backlink or directory distribution.

    609 GitHub stars~5k tokensUpdated 29 days ago
    Auto-check passed
  • B2B Lead Generation

    minhnv0807/ai-business-skills

    Plans B2B pipeline work from ICP definition and prospecting through lead scoring, outbound sequences, sales assets and MQL to SQL handoff, aiming at qualified pipeline.

    609 GitHub stars~1.2k tokensUpdated 29 days ago
    Auto-check passed
  • Community Seeding Plan

    minhnv0807/ai-business-skills

    Plans honest participation in outside communities such as Reddit, Discord and Facebook Groups, with a rules-based community list, roster, posts, replies and calendar.

    609 GitHub stars~3.2k tokensUpdated 29 days ago
    Auto-check passed
  • Ad Conversion Tracking Setup

    minhnv0807/ai-business-skills

    Sets up and verifies conversion tracking before ad spend: Meta Pixel and CAPI, Google Ads, GA4, TikTok, server-side GTM, consent mode, UTMs and a pre-launch checklist.

    609 GitHub stars~3.7k tokensUpdated 29 days ago
    Auto-check passed

Works with

Categories

Questions about 45 Design Tool Brief Global

What does 45 Design Tool Brief Global do?

A skill your agent uses when a designer needs hands-on production direction inside a tool — Canva, Figma, or Adobe Express: which template to start from, the operating order, element-by-element…. 45 Design Tool Brief Global is an agent skill from minhnv0807/ai-business-skills. Use when a designer needs hands-on production direction inside a tool — Canva, Figma, or Adobe Express: which template to start from, the operating order, element-by-element mapping, grid and spacing, brand kit colors and fonts, export checklist, and the dos and do-nots.

When should I use 45 Design Tool Brief Global?

45 Design Tool Brief Global fits situations like: A designer needs hands-on production direction inside a tool — Canva; adobe Express: which template to start from; the operating order; element-by-element mapping.

How do I install 45 Design Tool Brief Global in Claude Code?

Run `npx skills add minhnv0807/ai-business-skills --skill 45-design-tool-brief-global -a claude-code`. Or copy the skill folder (skills/en/45-design-tool-brief-global in minhnv0807/ai-business-skills) into .claude/skills/45-design-tool-brief-global in your project. Claude Code loads it when a task matches its description.

How do I install 45 Design Tool Brief Global in Codex?

Run `npx skills add minhnv0807/ai-business-skills --skill 45-design-tool-brief-global -a codex`. Or copy the skill folder (skills/en/45-design-tool-brief-global in minhnv0807/ai-business-skills) into .agents/skills/45-design-tool-brief-global in your project. Codex loads it when a task matches its description.

Can I use 45 Design Tool Brief Global in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add minhnv0807/ai-business-skills --skill 45-design-tool-brief-global -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/45-design-tool-brief-global, .gemini/skills/45-design-tool-brief-global, .github/skills/45-design-tool-brief-global and .opencode/skills/45-design-tool-brief-global in your project.

What does 45 Design Tool Brief Global need to run?

SKILL.md names no scripts, command-line tools or credentials: 45 Design Tool Brief Global is instructions for the agent only.

Does 45 Design Tool Brief Global access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is 45 Design Tool Brief Global safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does 45 Design Tool Brief Global use?

45 Design Tool Brief Global is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does 45 Design Tool Brief Global use?

About 2.3k tokens (SKILL.md is roughly 9.1k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to 45 Design Tool Brief Global?

Skills that share tags, products or a category with 45 Design Tool Brief Global: Design And Templates (social-media-skills/skills, 134 stars), Canva Brand Check (canva-sdks/canva-skills, 119 stars), Design (Ohh-889/skyroc, 795 stars) and Canva Designer (asgeirtj/system_prompts_leaks, 69k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains 45 Design Tool Brief Global?

minhnv0807 (a GitHub user) maintains it in minhnv0807/ai-business-skills, which has 609 GitHub stars. The repository holds 142 skills in this directory. The repository was last updated on September 12, 2026.

Source: minhnv0807/ai-business-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.