MCP HubMCP Hub
스킬 목록으로 돌아가기

render-icon-pipeline

pjt222
업데이트됨 Yesterday
2 조회
17
2
17
GitHub에서 보기
메타designdata

정보

이 스킬은 시각화 파이프라인을 실행하여 스킬, 에이전트, 팀을 위한 글리프 기반 아이콘을 생성합니다. 표준화된 빌드 스크립트를 통해 팔레트 생성, 데이터 빌드, 매니페스트 생성 및 아이콘 렌더링을 처리합니다. 글리프 함수를 수정하거나 레지스트리에 새 항목을 추가한 후 사용하며, Rscript를 직접 호출하지 않고 항상 `build.sh`를 통해 실행해야 합니다.

빠른 설치

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 環境時

輸入

  • 選擇性:實體類型——skillagentteamall(預設 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 按序執五步:

  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>/

失敗時:

  • NTFS 上 renv 卡住:viz .Rprofile 繞過 renv/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.shbuild-all-icons.R

旗標預設描述
--type <types>all逗號分隔:skill, agent, team
--palette <name>all單一調色板或 all(9 調色板)
--only <filter>領域(技能)或實體 ID(代理/團隊)
--skip-existing略過已有 WebP 之圖示
--dry-run列將生之物
--size <n>512像素之輸出尺寸
--glow-sigma <n>4光暈模糊半徑
--workers <n>自動平行工作者(detectCores()-1)
--no-cache忽略內容雜湊快取
--hd啟用 HD 變體(1024px)
--no-hd略 HD 變體
--strict子腳本首敗即退

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 二進位(透過 ~/bin/Rscript 包裝之 Windows R 而非 /usr/local/bin/Rscript 之 WSL 原生 R)。注意:CLAUDE.md 與指南中之 Windows R 路徑僅為 MCP 伺服器配置,非建構腳本所用
  • 錯之工作目錄build.sh 自動 cd 至自身目錄(cd "$(dirname "$0")"),故可自任處呼叫:自項目根之 bash viz/build.sh 正常運作
  • 陳舊清單build.sh 按序跑步驟一至五,故清單於渲染前必重建。若僅需清單不渲,用 node viz/build-data.js && node viz/build-icon-manifest.js(Node 步不需 R)
  • renv 未啟用.Rprofile 之變通需自 viz/ 跑——build.sh 處理之。用 --vanilla 旗標或自他目錄跑 R 將略之
  • Windows 平行:Windows 不支援 fork 式平行——管線藉 config.yml 自選 multisession

相關技能

GitHub 저장소

pjt222/agent-almanac
경로: i18n/wenyan-lite/skills/render-icon-pipeline
0
agentsagentskillsai-assisted-developmentclaude-codeskillsteams

연관 스킬

content-collections

메타

이 스킬은 콘텐츠 콜렉션(Content Collections)을 위한 프로덕션 검증된 설정을 제공합니다. 콘텐츠 콜렉션은 Markdown/MDX 파일을 Zod 검증이 포함된 타입 안전한 데이터 콜렉션으로 변환해주는 TypeScript 최우선 도구입니다. 블로그, 문서 사이트 또는 콘텐츠 중심의 Vite + React 애플리케이션을 구축할 때 타입 안전성과 자동 콘텐츠 검증을 보장하기 위해 사용하세요. Vite 플러그인 구성과 MDX 컴파일부터 배포 최적화 및 스키마 검증에 이르기까지 모든 것을 다룹니다.

스킬 보기

polymarket

메타

이 스킬은 개발자들이 Polymarket 예측 시장 플랫폼을 활용한 애플리케이션을 구축할 수 있도록 지원하며, 거래 및 시장 데이터를 위한 API 통합 기능을 포함합니다. 또한 WebSocket을 통한 실시간 데이터 스트리밍을 제공하여 실시간 거래와 시장 활동을 모니터링할 수 있습니다. 이를 통해 거래 전략을 구현하거나 실시간 시장 업데이트를 처리하는 도구를 생성하는 데 활용할 수 있습니다.

스킬 보기

creating-opencode-plugins

메타

이 스킬은 개발자들이 명령어, 파일, LSP 작업 등 25개 이상의 이벤트 유형에 연결되는 OpenCode 플러그인을 만들 수 있도록 돕습니다. JavaScript/TypeScript 모듈을 위한 플러그인 구조, 이벤트 API 명세, 구현 패턴을 제공합니다. OpenCode AI 어시스턴트의 라이프사이클을 사용자 정의 이벤트 기반 로직으로 가로채거나, 모니터링하거나, 확장해야 할 때 사용하세요.

스킬 보기

sglang

메타

SGLang은 RadixAttention 프리픽스 캐싱을 활용하여 JSON, 정규식, 에이전트 워크플로우를 위한 고속 구조화 생성에 특화된 고성능 LLM 서빙 프레임워크입니다. 특히 반복되는 프리픽스가 있는 작업에서 상당히 빠른 추론 속도를 제공하여 복잡한 구조화 출력 및 다중 턴 대화에 이상적입니다. 제약 디코딩이 필요하거나 광범위한 프리픽스 공유가 있는 애플리케이션을 구축할 때는 vLLM과 같은 대안보다 SGLang을 선택하십시오.

스킬 보기