Figma Design System Builder
warpdotdev/warp
Builds or updates a design system in Figma from a codebase in ordered phases: discovery, variables and tokens, components, theming and documentation, with checkpoints.
A skill your agent uses when one master design has to become every size a campaign needs — feed, story, reel, cover, and ad placements: the standard size matrix, three strategies of scale-and-crop…
$ npx skills add minhnv0807/ai-business-skills --skill 50-asset-resize-global -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install minhnv0807/ai-business-skills 50-asset-resize-global --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/en/50-asset-resize-global .claude/skills/50-asset-resize-global && rm -rf skills-srcUse ~/.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/
Install the "50-asset-resize-global" agent skill from https://github.com/minhnv0807/ai-business-skills/tree/master/skills/en/50-asset-resize-global into .claude/skills/50-asset-resize-global/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "50-asset-resize-global", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/minhnv0807/ai-business-skills/tree/master/skills/en/50-asset-resize-globalType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add minhnv0807/ai-business-skills --skill 50-asset-resize-global -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install minhnv0807/ai-business-skills 50-asset-resize-global --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/en/50-asset-resize-global .agents/skills/50-asset-resize-global && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "50-asset-resize-global" agent skill from https://github.com/minhnv0807/ai-business-skills/tree/master/skills/en/50-asset-resize-global into .agents/skills/50-asset-resize-global/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "50-asset-resize-global", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add minhnv0807/ai-business-skills --skill 50-asset-resize-global -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install minhnv0807/ai-business-skills 50-asset-resize-global --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/en/50-asset-resize-global .cursor/skills/50-asset-resize-global && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "50-asset-resize-global" agent skill from https://github.com/minhnv0807/ai-business-skills/tree/master/skills/en/50-asset-resize-global into .cursor/skills/50-asset-resize-global/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "50-asset-resize-global", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/minhnv0807/ai-business-skills.git --path skills/en/50-asset-resize-global--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add minhnv0807/ai-business-skills --skill 50-asset-resize-global -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install minhnv0807/ai-business-skills 50-asset-resize-global --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/en/50-asset-resize-global .gemini/skills/50-asset-resize-global && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "50-asset-resize-global" agent skill from https://github.com/minhnv0807/ai-business-skills/tree/master/skills/en/50-asset-resize-global into .gemini/skills/50-asset-resize-global/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "50-asset-resize-global", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install minhnv0807/ai-business-skills 50-asset-resize-globalInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add minhnv0807/ai-business-skills --skill 50-asset-resize-global -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/en/50-asset-resize-global .github/skills/50-asset-resize-global && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "50-asset-resize-global" agent skill from https://github.com/minhnv0807/ai-business-skills/tree/master/skills/en/50-asset-resize-global into .github/skills/50-asset-resize-global/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "50-asset-resize-global", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add minhnv0807/ai-business-skills --skill 50-asset-resize-global -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install minhnv0807/ai-business-skills 50-asset-resize-global --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/minhnv0807/ai-business-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/en/50-asset-resize-global .opencode/skills/50-asset-resize-global && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "50-asset-resize-global" agent skill from https://github.com/minhnv0807/ai-business-skills/tree/master/skills/en/50-asset-resize-global into .opencode/skills/50-asset-resize-global/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "50-asset-resize-global", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
50-asset-resize-globalA skill your agent uses when one master design has to become every size a campaign needs — feed, story, reel, cover, and ad placements: the standard size matrix, three strategies of scale-and-crop…
50 Asset Resize Global is an agent skill from minhnv0807/ai-business-skills. Use when one master design has to become every size a campaign needs — feed, story, reel, cover, and ad placements: the standard size matrix, three strategies of scale-and-crop, re-compose, or rebuild, safe-zone rules, platform crop behavior, and file naming. Trigger on 'resize this design', 'all the sizes', 'adapt to other placements', 'safe zone', 'standard size chart', 'the text gets cut off in stories'. Also use when one visual exists and six placements are waiting on it. Not for — the original concept brief…
Its SKILL.md is about 2.7k 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 Frontend & Design. 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.
4 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 0360adc. It shows what the files ask for, not the result of running them.
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.
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.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
50 Asset Resize Global loads about 2.7k tokens when it runs. Until then it costs about 192 tokens; SKILL.md has 1,129 words of instructions outside code blocks.
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.
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.
The full file from minhnv0807/ai-business-skills at commit 0360adc, republished under its MIT licence (© minhnv0807). 1,129 words, ~2,718 tokens.
.claude/skills/50-asset-resize-global/SKILL.md (or your agent's skills folder).Resizing is not stretching. Every ratio needs re-composition so the hierarchy still works. One good master becomes 10+ variants — the single biggest time saver in design production, and the first job after a campaign ends when winners get repurposed at D+2.
Read the asset list (41-campaign-asset-list-global) if available. If information is missing, ask up to 4 questions:
Identify the focal point; the safe distance of each element (text, CTA, logo) from the edges; and what CAN be cropped (background, texture) versus what CANNOT (message, faces, product, CTA).
| Strategy | When | How |
|---|---|---|
| Scale and crop | Close ratios (1:1 to 4:5, 16:9 to 1.91:1) | Keep the layout, trim background |
| Re-compose | Moderately different ratios (1:1 to 16:9, landscape to cover) | Move elements to fit the new frame, preserving hierarchy |
| Rebuild | Very different ratios (1:1 to 9:16, feed to email) | Build fresh on the new canvas, keeping concept, colors, and copy |
Do the primary channel size first (usually 1:1 feed), then work down the priority column of the resize map.
Run each file against the final checklist, name it to convention, upload it to the right subfolder, and update the asset list status.
| Type | Dimensions | Ratio | Channel | Note |
|---|---|---|---|---|
| Square feed | 1080x1080 | 1:1 | Facebook, Instagram | Build this first |
| Portrait feed | 1080x1350 | 4:5 | Instagram, Facebook | Occupies more of the mobile screen |
| Story / Reels | 1080x1920 | 9:16 | Meta Story, Reels | Safe zone 250px top and bottom |
| TikTok video / cover | 1080x1920 | 9:16 | TikTok | Safe zone 150px top / 300px bottom, ~140px right |
| YouTube Shorts | 1080x1920 | 9:16 | YouTube | Same safe zones as Reels |
| Facebook cover | 820x312 | ~2.6:1 | Facebook Page | Cropped on both sides on mobile — keep content centered |
| LinkedIn post | 1200x627 | ~1.91:1 | Also accepts 1080x1080 | |
| LinkedIn document | 1080x1080 or 1200x1500 | 1:1 or 4:5 | Exported as PDF | |
| Pinterest pin | 1000x1500 | 2:3 | Vertical only; taller pins get truncated | |
| YouTube thumbnail | 1280x720 | 16:9 | YouTube | Keep the bottom-right clear for the duration overlay |
| X post image | 1200x675 | 16:9 | X | Center-crops in timeline previews |
| Type | Dimensions | Note |
|---|---|---|
| Feed ads | 1080x1080 | Serves both Facebook and Instagram |
| Story / Reels ads | 1080x1920 | Keep content roughly 14% off the top and bottom edges |
| Carousel | 1080x1080 | 2 to 10 cards |
| Link banner | 1200x628 | Right-column and audience-network placements |
| Type | Dimensions | Ratio | Typical strategy |
|---|---|---|---|
| Email header | 600x200 | 3:1 | Rebuild |
| Email hero | 600x400 | 3:2 | Scale and crop |
| Website hero desktop | 1440x600 | 2.4:1 | Re-compose |
| Website hero mobile | 375x300 | 5:4 | Rebuild |
| Blog featured image | 1200x630 | 1.91:1 | Scale and crop (also serves Open Graph) |
| Type | Dimensions | Use for |
|---|---|---|
| Slide deck 16:9 | 1920x1080 | Presentations, pitch decks |
| A4 portrait / landscape | 210x297mm / 297x210mm | Printed reports and proposals |
| US Letter | 8.5x11in | US print deliverables |
| Placement | Safe zone | Crop behavior |
|---|---|---|
| Meta Story / Reels (1080x1920) | Keep text and CTA out of the top 250px and bottom 250px | Profile and caption UI sit in those bands; the middle ~1420px is reliably visible |
| TikTok (1080x1920) | Top 150px, bottom 300px, right ~140px | Right-side icon rail and caption block overlay the frame |
| Meta Feed 1:1 / 4:5 | 20px on each edge | Little cropping, but thumbnails center-crop to 1:1 in some surfaces |
| Facebook cover (820x312) | Center ~640px | Mobile crops both sides aggressively |
| LinkedIn (1200x627) | 40px on each edge | Feed preview may letterbox; avoid edge-tight type |
| Pinterest (1000x1500) | 60px on each edge | Bottom band can be covered by the title overlay in some views |
| YouTube thumbnail (1280x720) | Bottom-right ~120x40px clear | Duration badge overlays that corner |
| Email (600px) | 20px inner padding | No crop, but many clients scale images down — keep type large |
Landscape or square to vertical (to 9:16):
Square to email (600px):
To cover formats (Facebook, LinkedIn banner):
To Pinterest (2:3):
File name: asset-resize-[campaign]-[YYYYMMDD].md
# Resize Map — [Campaign name]
## Master design
| Item | Detail |
|------|--------|
| Master file | [source link] |
| Original size | |
| Focal point | |
| Elements that cannot be lost | |
## Resize map
| Size | Ratio | Channel / use | Strategy | Priority | Status |
|------|-------|---------------|----------|----------|--------|
| 1080x1080 | 1:1 | Meta Feed + Ads | Scale and crop | High | |
| 1080x1350 | 4:5 | Instagram portrait feed | Re-compose | High | |
| 1080x1920 | 9:16 | Story / Reels / TikTok | Rebuild | High | |
| 1200x628 | 1.91:1 | Link banner | Scale and crop | Medium | |
| 1200x627 | 1.91:1 | LinkedIn | Scale and crop | Medium | |
| 1000x1500 | 2:3 | Pinterest | Rebuild | Medium | |
| 1280x720 | 16:9 | YouTube thumbnail | Re-compose | Medium | |
| 600x200 | 3:1 | Email header | Rebuild | Medium | |
| [add per the asset list] | | | | | |
## Re-composition notes per size
- [size]: [which elements move, what is cropped, safe-zone caveats][Campaign]_[Channel]_[Size]_[Version]_[Status].jpgSpringLaunch_Meta_1080x1080_v1_APPROVED.jpg/[Brand]/Campaigns/[CampaignName]/Assets/Final/
Meta/ TikTok/ LinkedIn/ Pinterest/ YouTube/ Email/ Website/ Archive/41-campaign-asset-list-global: the list of required sizes comes from the asset list; write the status back to it.42-image-brief-global: the master is produced from the image brief; adaptation rules belong in that brief when multiple sizes are planned.45-design-tool-brief-global: production direction for building each resized version.48-quick-visual-brief-global: once a quick variant wins, resize it into the remaining sizes.21-ads-audit-global: identifies the winners worth repurposing after a campaign (mark at D+1, resize at D+2).46-brand-guideline-global: logo placement, minimum type size, and spacing when re-composing.© minhnv0807, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in skills/en/50-asset-resize-global of minhnv0807/ai-business-skills.
Open the folder on GitHubat commit 0360adc
50 Asset Resize 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| 50 Asset Resize Global this skillminhnv0807/ai-business-skills | 609 | — | ~2.7k | Automated safety check: Pass | MIT | |
| Figma Design System Builderwarpdotdev/warp | 65k | 2 repos | ~4.4k | Automated safety check: Pass | AGPL-3.0 | |
| Figma use_figma Plugin API Ruleswarpdotdev/warp | 65k | 4 repos | ~4.4k | Automated safety check: Pass | AGPL-3.0 | |
| Figma Design to Codewarpdotdev/warp | 65k | 4 repos | ~2.9k | Automated safety check: Pass | AGPL-3.0 | |
| Figma Design System Rules Generatorwarpdotdev/warp | 65k | 3 repos | ~4.6k | Automated safety check: Pass | AGPL-3.0 | |
| Figma Code Connect Componentswarpdotdev/warp | 65k | 2 repos | ~4.2k | Automated safety check: Pass | AGPL-3.0 |
warpdotdev/warp
Builds or updates a design system in Figma from a codebase in ordered phases: discovery, variables and tokens, components, theming and documentation, with checkpoints.
warpdotdev/warp
Required groundwork before any use_figma call: the rules and reference files for running JavaScript in a Figma file through the Plugin API without common failures.
warpdotdev/warp
Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.
warpdotdev/warp
Creates project-specific design system rules from your codebase so coding agents implement Figma designs with your components, naming and tokens.
warpdotdev/warp
Maps published Figma components to their code implementations with Code Connect, using the Figma MCP suggestion and mapping tools.
ZeroZ-lab/cc-design
High-fidelity HTML design and prototype creation. An agent skill from ZeroZ-lab/cc-design.
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.
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.
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.
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.
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.
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.
Categories
A skill your agent uses when one master design has to become every size a campaign needs — feed, story, reel, cover, and ad placements: the standard size matrix, three strategies of scale-and-crop…. 50 Asset Resize Global is an agent skill from minhnv0807/ai-business-skills. Use when one master design has to become every size a campaign needs — feed, story, reel, cover, and ad placements: the standard size matrix, three strategies of scale-and-crop, re-compose, or rebuild, safe-zone rules, platform crop behavior, and file naming.
50 Asset Resize Global fits situations like: one master design has to become every size a campaign needs — feed; ad placements: the standard size matrix; three strategies of scale-and-crop; safe-zone rules.
Run `npx skills add minhnv0807/ai-business-skills --skill 50-asset-resize-global -a claude-code`. Or copy the skill folder (skills/en/50-asset-resize-global in minhnv0807/ai-business-skills) into .claude/skills/50-asset-resize-global in your project. Claude Code loads it when a task matches its description.
Run `npx skills add minhnv0807/ai-business-skills --skill 50-asset-resize-global -a codex`. Or copy the skill folder (skills/en/50-asset-resize-global in minhnv0807/ai-business-skills) into .agents/skills/50-asset-resize-global in your project. Codex loads it when a task matches its description.
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 50-asset-resize-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/50-asset-resize-global, .gemini/skills/50-asset-resize-global, .github/skills/50-asset-resize-global and .opencode/skills/50-asset-resize-global in your project.
SKILL.md names no scripts, command-line tools or credentials: 50 Asset Resize Global is instructions for the agent only.
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.
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.
50 Asset Resize Global is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.7k tokens (SKILL.md is roughly 11k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with 50 Asset Resize Global: Figma Design System Builder (warpdotdev/warp, 65k stars), Figma use_figma Plugin API Rules (warpdotdev/warp, 65k stars), Figma Design to Code (warpdotdev/warp, 65k stars) and Figma Design System Rules Generator (warpdotdev/warp, 65k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
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.