Back to Skills

render-icon-pipeline

pjt222
Updated 6 days ago
15 views
17
2
17
View on GitHub
Metadesigndata

About

This skill runs a visualization pipeline that renders icons from existing glyphs for skills, agents, and teams. It handles palette generation, data building, manifest creation, and icon rendering through a unified build process. Developers should always execute it via `build.sh` rather than calling Rscript directly.

Quick Install

Claude Code

Recommended
Primary
npx skills add pjt222/agent-almanac -a claude-code
Plugin CommandAlternative
/plugin add https://github.com/pjt222/agent-almanac
Git CloneAlternative
git clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/render-icon-pipeline

Copy and paste this command in Claude Code to install this skill

Documentation

渲圖管

行 viz 管至端、自存符渲圖。覆色板生、數建、清生、技/代/隊圖渲。

標入點:自項根 bash viz/build.sh [flags]、或自 viz/ bash build.sh [flags]。此本處平台察(WSL、Docker、原生)、R 二進擇、步序。永勿直呼 Rscript 為建本——彼路唯 MCP 器設用。

  • 建或改符函後
  • 入新技、代、隊於登錄後
  • 圖需重渲為新或更色板
  • 全管重建(如基設變後)
  • 首設 viz 環境

  • :實型——skillagentteam、或 all(默 all
  • :色板——特名或 all(默 all
  • :域濾——技圖特域(如 gitdesign
  • :渲模——fullincrementaldry-run(默 incremental

一:驗先決

確環備渲。

  1. viz/build.sh 存:
    ls -la viz/build.sh
    
  2. 驗 Node.js 可用:
    node --version
    
  3. viz/config.yml 存(平台 R 路檔):
    ls viz/config.yml
    

build.sh 自動處 R 二進解——汝無需手驗 R 路。WSL 用 /usr/local/bin/Rscript(WSL 原 R)、Docker 用容 R、原生 Linux/macOS 用 PATH 之 Rscript

得:build.sh、Node.js、config.yml 皆存。

敗:config.yml 缺→管退用系默。Node.js 缺→經 nvm 裝。

二:行管

build.sh 序行 5 步:

  1. 生色板色(R)→ palette-colors.json + colors-generated.js
  2. 建數(Node)→ skills.json
  3. 建清(Node)→ icon-manifest.jsonagent-icon-manifest.jsonteam-icon-manifest.json
  4. 渲圖(R)→ icons/icons-hd/ WebP 檔
  5. 生終端符(Node)→ cli/lib/glyph-data.json

全管(諸型、諸色板、標+HD):

bash viz/build.sh

漸(已存碟之圖略):

bash viz/build.sh --skip-existing

單域(唯技):

bash viz/build.sh --only design

單實型:

bash viz/build.sh --type skill
bash viz/build.sh --type agent
bash viz/build.sh --type team

乾行(預示無渲):

bash viz/build.sh --dry-run

唯標大(略 HD):

bash viz/build.sh --no-hd

build.sh 後諸旗皆傳至 build-all-icons.R

得:圖渲於 viz/public/icons/<palette>/viz/public/icons-hd/<palette>/

敗:

  • renv 卡於 NTFS:viz .Rprofilerenv/activate.R 直設 .libPaths()。確自 viz/ 行(build.sh 自動經 cd "$(dirname "$0")"
  • R 包缺:自 build.sh 所擇 R 環境行 Rscript -e "install.packages(c('ggplot2', 'ggforce', 'ggfx', 'ragg', 'magick', 'future', 'furrr', 'digest'))"
  • 無符映:實需符函——渲前用 create-glyph

三:驗出

確渲成。

  1. 察檔數合期:
    find viz/public/icons/cyberpunk -name "*.webp" | wc -l
    find viz/public/icons-hd/cyberpunk -name "*.webp" | wc -l
    
  2. 察檔大合理(每圖 2-80 KB)
  3. audit-icon-pipeline 技為全察

得:檔數合清條數。檔大於期範。

敗:數不合→某符渲時錯。察建誌 [ERROR] 行。

CLI 旗參

諸旗經 build.sh 傳至 build-all-icons.R

FlagDefaultDescription
--type <types>allComma-separated: skill, agent, team
--palette <name>allSingle palette or all (9 palettes)
--only <filter>noneDomain (skills) or entity ID (agents/teams)
--skip-existingoffSkip icons with existing WebP files
--dry-runoffList what would be generated
--size <n>512Output dimension in pixels
--glow-sigma <n>4Glow blur radius
--workers <n>autoParallel workers (detectCores()-1)
--no-cacheoffIgnore content-hash cache
--hdonEnable HD variants (1024px)
--no-hdoffSkip HD variants
--strictoffExit on first sub-script failure

build.sh 內所行

唯參——勿手行此諸步:

cd viz/
# 1. Platform detection: sets R_CONFIG_ACTIVE (wsl, docker, or unset)
# 2. R binary selection: WSL → /usr/local/bin/Rscript, Docker → same, native → Rscript
# 3. $RSCRIPT generate-palette-colors.R
# 4. node build-data.js
# 5. node build-icon-manifest.js --type all
# 6. $RSCRIPT build-all-icons.R "$@"  (flags passed through)
# 7. node build-terminal-glyphs.js

Docker 替

管亦可於 Docker 行:

cd viz
docker compose up --build

此於隔 Linux 環境行全管、果服於埠 8080。

  • bash viz/build.sh(非裸 Rscript
  • 色板色已生(JSON + JS)
  • 數檔自登錄建
  • 清自數生
  • 圖為標型與色板渲
  • 檔數合期
  • 檔大於期範(2-80 KB)

  • 直呼 Rscript:永勿手行 Rscript build-icons.RRscript generate-palette-colors.R。常用 bash build.sh [flags]。直 Rscript 呼繞平台察、可用誤 R 二進(Windows R 經 ~/bin/Rscript 包代 WSL 原 R 於 /usr/local/bin/Rscript)。注:CLAUDE.md 與導中 Windows R 路唯 MCP 器設用、非建本
  • 誤工作錄build.sh 自動 CD 至己錄(cd "$(dirname "$0")")、故任處可呼:自項根 bash viz/build.sh
  • 舊清build.sh 序行 1-5 步、故清渲前常重生。唯需清無渲→用 node viz/build-data.js && node viz/build-icon-manifest.js(Node 步無需 R)
  • renv 未啟.Rprofile 變通需自 viz/ 行——build.sh 處之。用 --vanilla 旗或自他錄行 R 將略
  • Windows 並:Windows 不支叉並——管自選 multisessionconfig.yml

GitHub Repository

pjt222/agent-almanac
Path: i18n/wenyan-ultra/skills/render-icon-pipeline
0
agentsagentskillsai-assisted-developmentclaude-codeskillsteams

Related Skills

content-collections

Meta

This skill provides a production-tested setup for Content Collections, a TypeScript-first tool that transforms Markdown/MDX files into type-safe data collections with Zod validation. Use it when building blogs, documentation sites, or content-heavy Vite + React applications to ensure type safety and automatic content validation. It covers everything from Vite plugin configuration and MDX compilation to deployment optimization and schema validation.

View skill

polymarket

Meta

This skill enables developers to build applications with the Polymarket prediction markets platform, including API integration for trading and market data. It also provides real-time data streaming via WebSocket to monitor live trades and market activity. Use it for implementing trading strategies or creating tools that process live market updates.

View skill

creating-opencode-plugins

Meta

This skill helps developers create OpenCode plugins that hook into 25+ event types like commands, files, and LSP operations. It provides the plugin structure, event API specifications, and implementation patterns for JavaScript/TypeScript modules. Use it when you need to intercept, monitor, or extend the OpenCode AI assistant's lifecycle with custom event-driven logic.

View skill

sglang

Meta

SGLang is a high-performance LLM serving framework that specializes in fast, structured generation for JSON, regex, and agentic workflows using its RadixAttention prefix caching. It delivers significantly faster inference, especially for tasks with repeated prefixes, making it ideal for complex, structured outputs and multi-turn conversations. Choose SGLang over alternatives like vLLM when you need constrained decoding or are building applications with extensive prefix sharing.

View skill