返回技能列表

render-icon-pipeline

pjt222
更新于 6 days ago
16 次查看
17
2
17
在 GitHub 上查看
designdata

关于

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.

快速安装

Claude Code

推荐
主要方式
npx skills add pjt222/agent-almanac -a claude-code
插件命令备选方式
/plugin add https://github.com/pjt222/agent-almanac
Git 克隆备选方式
git clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/render-icon-pipeline

在 Claude Code 中复制并粘贴此命令以安装该技能

技能文档

渲圖管

行 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 仓库

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

相关推荐技能

content-collections

Content Collections 是一个 TypeScript 优先的构建工具,可将本地 Markdown/MDX 文件转换为类型安全的数据集合。它专为构建博客、文档站和内容密集型 Vite+React 应用而设计,提供基于 Zod 的自动模式验证。该工具涵盖从 Vite 插件配置、MDX 编译到生产环境部署的完整工作流。

查看技能

polymarket

这个Claude Skill为开发者提供完整的Polymarket预测市场开发支持,涵盖API调用、交易执行和市场数据分析。关键特性包括实时WebSocket数据流,可监控实时交易、订单和市场动态。开发者可用它构建预测市场应用、实施交易策略并集成实时市场预测功能。

查看技能

creating-opencode-plugins

该Skill帮助开发者创建OpenCode插件,用于接入命令、文件、LSP等25+种事件。它提供了插件结构、事件API规范和JavaScript/TypeScript实现模式,适合需要拦截操作、扩展功能或自定义事件处理的场景。开发者可通过它快速构建响应式模块来增强OpenCode AI助手的能力。

查看技能

sglang

SGLang是一个专为LLM设计的高性能推理框架,特别适用于需要结构化输出的场景。它通过RadixAttention前缀缓存技术,在处理JSON、正则表达式、工具调用等具有重复前缀的复杂工作流时,能实现极速生成。如果你正在构建智能体或多轮对话系统,并追求远超vLLM的推理性能,SGLang是理想选择。

查看技能