Agent skill

Register Asset

by bluzir in bluzir/claude-code-design

Register a design artifact in design-assets.json, capture a thumbnail, and regenerate assets.html overview grid.

No licenceAuto-check passedMedia & Creative

Install Register Asset

skills CLI
$ npx skills add bluzir/claude-code-design --skill register-asset -a claude-code

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

GitHub CLI
$ gh skill install bluzir/claude-code-design register-asset --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/bluzir/claude-code-design.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/register-asset .claude/skills/register-asset && 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
register-asset
GitHub stars
106
Token cost
~753 tokens
SKILL.md length
226 words
Files
1
Skills in repo
18
Repo updated
First seen
Licence
None found

At a glance

Register a design artifact in design-assets.json, capture a thumbnail, and regenerate assets.html overview grid.

  • Works in 6 steps: Capture thumbnail → Read existing design-assets.json → Upsert entry → …
  • An artifact is ready for review
  • SKILL.md covers Argument parsing, Steps and assets.html layout
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Register Asset is an agent skill from bluzir/claude-code-design. Register a design artifact in design-assets.json, capture a thumbnail, and regenerate assets.html overview grid. Use when an artifact is ready for review, or user says "add to overview", "register", "track this".

Its SKILL.md is about 750 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 Media & Creative. It works with Bash. The repository describes itself as: Claude Design reproduced for Claude Code — HTML decks, prototypes, design systems, animated videos via skills + starters + Chrome DevTools MCP.

When your agent uses it

  • An artifact is ready for review
  • User says add to overview

Example prompts

  • “add to overview”
  • “register”
  • “track this”
  • “/register-asset”

Requirements

  • Pre-approved tools (allowed-tools): Read, Write, Edit, Bash(mkdir:*), Bash(node:*), Bash(realpath:*), mcp__chrome-devtools__*

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Capture thumbnail
  2. Read existing design-assets.json
  3. Upsert entry
  4. Write design-assets.json with formatted JSON (2-space indent).
  5. Regenerate assets.html
  6. Report: "Registered in . View at assets.html."

What it can do on your machine

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

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Read
    • Write
    • Edit
    • Bash(mkdir:*)
    • Bash(node:*)
    • Bash(realpath:*)
    • mcp__chrome-devtools__*

    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 json).

    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

Register Asset loads about 753 tokens when it runs. Until then it costs about 57 tokens; SKILL.md has 226 words of instructions outside code blocks.

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

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

Without a licence we can't republish the file, so here is its outline and opening line. It has 226 words (~753 tokens).

“Add an artifact to design-assets.json and refresh the visual overview at assets.html.”

— opening of SKILL.md by bluzir
name
register-asset
allowed-tools
Read, Write, Edit, Bash(mkdir:*), Bash(node:*), Bash(realpath:*), mcp__chrome-devtools__*
argument-hint
<html-path> [--asset "Name"] [--group Type|Colors|Spacing|Components|Brand] [--subtitle "..."] [--status needs-review|approved|changes-requested]

Read the full SKILL.md on GitHub

Files

Just SKILL.md in .claude/skills/register-asset of bluzir/claude-code-design.

Open the folder on GitHubat commit ce68c84

Compare with similar skills

Register Asset 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.

Register Asset compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Register Asset this skillbluzir/claude-code-design106—~753Automated safety check: PassNone
SeecutYeJe-cpu/SeeCut255—~1.5kAutomated safety check: PassCustom licence
Macmini Offloadbam-bam-2/solo-skills367—~1.1kAutomated safety check: WarnMIT
Render Absurdist Explainergooseworks-ai/goose-skills1.2k—~2.4kAutomated safety check: PassMIT
Company Researchthesun4sky/jobstack152—~2.9kAutomated safety check: NotesMIT
Prompt EngineAgriciDaniel/claude-prompts111—~1.2kAutomated safety check: PassMIT

Similar skills

  • Seecut

    YeJe-cpu/SeeCut

    网感口播精剪(v3.4):口播视频加动效,自动剪成"网感口播精剪风格"竖版/横版样片,交付渲染成片+分层工程包(装了剪映引擎则再出剪映分层草稿,音效放草稿;没装则音效混进成片)。当用户给了口播粗剪(+B-roll/截图/录屏)并想要"口播动效/加卡片弹字/剪成短视频/做动效样片/网感口播精剪"时用。自循环:预检→素材理解→找真证据→编排→HyperFrames构建→硬门+两两对比自迭代(≤3版)…

    255 GitHub stars~1.5k tokensUpdated 9 days ago
    Media & CreativeAuto-check passed
  • Macmini Offload

    bam-bam-2/solo-skills

    무거운 작업(스크래핑, 미디어 인코딩, 빌드/설치, 대량 API 수집, 긴 문서 읽기, 대용량 파일 처리)을 맥미니로 넘길 때 사용.

    367 GitHub stars~1.1k tokensUpdated 25 days ago
    Media & CreativeAuto-check: warnings
  • Render Absurdist Explainer

    gooseworks-ai/goose-skills

    Assemble an absurdist animated-explainer video ad (~38s, 9:16) from per-scene i2v clips + their measured VO windows — retime each clip to its VO, re-encode every segment to identical…

    1.2k GitHub stars~2.4k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Company Research

    thesun4sky/jobstack

    기업 분석 스킬. An agent skill from thesun4sky/jobstack.

    152 GitHub stars~2.9k tokensUpdated 1 mo ago
    Sales & SupportAuto-check: notes
  • Prompt Engine

    AgriciDaniel/claude-prompts

    Ultimate AI prompt database and builder with 2,500+ curated prompts across 19 categories and 17 AI models (Midjourney, Flux, Leonardo AI, DALL-E, Sora, Imagen, Mystic, Stable Diffusion, Ideogram…

    111 GitHub stars~1.2k tokensUpdated 6 mo ago
    AI & LLM EngineeringAuto-check passed
  • Agent Fleet

    yan-labs/yan-skills

    使用本机 fleet 分派 Codex GPT-6.1 Sol、Gemini、Grok 或 JEV 任务,或调用 Kollab 图片/视频/音频/多模态能力时使用;包括用户点名 agent-fleet、Nano Banana、nanobanana、香蕉、便宜模型、多模型并行,用户说“让 Codex 或 GPT-6.1 Sol 做某事”的编码、调研与 review 派单,以及按全局…

    209 GitHub stars~3.4k tokensUpdated yesterday
    Agent WorkflowsAuto-check: notes

More from bluzir/claude-code-design

All 18 skills in this repo
  • Apply Tweaks

    bluzir/claude-code-design

    Apply buffered tweaks from pending.yaml to the source HTML file.

    106 GitHub stars~726 tokensUpdated 5 mo ago
    Auto-check passed
  • Copy Example

    bluzir/claude-code-design

    Generate a working demo artifact on dummy content so the user can see a reference implementation.

    106 GitHub stars~782 tokensUpdated 5 mo ago
    Auto-check passed
  • Create Design System

    bluzir/claude-code-design

    Extract or build a design system (tokens, components, style guide).

    106 GitHub stars~1.1k tokensUpdated 5 mo ago
    Auto-check passed
  • Ingest GitHub

    bluzir/claude-code-design

    Clone a GitHub repo and extract design tokens (colors, fonts, spacing) from its codebase.

    106 GitHub stars~796 tokensUpdated 5 mo ago
    Auto-check passed
  • Ingest Screenshot

    bluzir/claude-code-design

    Analyze an uploaded image (screenshot of a design, website, app) and extract design tokens to use as a starting point.

    106 GitHub stars~676 tokensUpdated 5 mo ago
    Auto-check passed
  • Inspect

    bluzir/claude-code-design

    Resolve a natural-language element description ("the red button in the hero", "the third card from the top") to a concrete DOM element in the current preview + source-code location.

    106 GitHub stars~1.1k tokensUpdated 5 mo ago
    Auto-check passed

Works with

Questions about Register Asset

What does Register Asset do?

Register a design artifact in design-assets.json, capture a thumbnail, and regenerate assets.html overview grid. Register Asset is an agent skill from bluzir/claude-code-design.html overview grid.

When should I use Register Asset?

Register Asset fits situations like: an artifact is ready for review; user says add to overview.

How do I install Register Asset in Claude Code?

Run `npx skills add bluzir/claude-code-design --skill register-asset -a claude-code`. Or copy the skill folder (.claude/skills/register-asset in bluzir/claude-code-design) into .claude/skills/register-asset in your project. Claude Code loads it when a task matches its description.

How do I install Register Asset in Codex?

Run `npx skills add bluzir/claude-code-design --skill register-asset -a codex`. Or copy the skill folder (.claude/skills/register-asset in bluzir/claude-code-design) into .agents/skills/register-asset in your project. Codex loads it when a task matches its description.

Can I use Register Asset 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 bluzir/claude-code-design --skill register-asset -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/register-asset, .gemini/skills/register-asset, .github/skills/register-asset and .opencode/skills/register-asset in your project.

What does Register Asset need to run?

SKILL.md names no scripts, command-line tools or credentials: Register Asset is instructions for the agent only. Its frontmatter pre-approves these tools: Read, Write, Edit, Bash(mkdir:*), Bash(node:*), Bash(realpath:*), mcp__chrome-devtools__*.

Does Register Asset 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 Register Asset 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 Register Asset use?

No licence was found for Register Asset or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Register Asset use?

About 753 tokens (SKILL.md is roughly 3k 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 Register Asset?

Skills that share tags, products or a category with Register Asset: Seecut (YeJe-cpu/SeeCut, 255 stars), Macmini Offload (bam-bam-2/solo-skills, 367 stars), Render Absurdist Explainer (gooseworks-ai/goose-skills, 1.2k stars) and Company Research (thesun4sky/jobstack, 152 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Register Asset?

bluzir (a GitHub user) maintains it in bluzir/claude-code-design, which has 106 GitHub stars. The repository holds 18 skills in this directory. The repository was last updated on April 20, 2026.

Source: bluzir/claude-code-design on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.