スキル一覧に戻る

render-icon-pipeline

pjt222
更新日 6 days ago
18 閲覧
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 環境

  • :實型——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(Markdown/MDXファイルを型安全なデータコレクションに変換するTypeScriptファーストのツール)の本番環境でテストされた設定を提供します。Zodバリデーションによる型安全性を実現し、ブログ、ドキュメントサイト、コンテンツ重視のVite + Reactアプリケーション構築時にご利用ください。Viteプラグインの設定、MDXコンパイルから、デプロイ最適化、スキーマバリデーションまで、すべてを網羅しています。

スキルを見る

polymarket

メタ

このスキルは、開発者がPolymarket予測市場プラットフォームを活用したアプリケーション構築を可能にします。API統合による取引や市場データの取得に加え、WebSocketを介したリアルタイムデータストリーミングにより、ライブ取引や市場活動を監視できます。取引戦略の実装や、ライブ市場更新を処理するツールの作成にご利用ください。

スキルを見る

creating-opencode-plugins

メタ

このスキルは、開発者がコマンド、ファイル、LSP操作など25種類以上のイベントタイプにフックするOpenCodeプラグインを作成することを支援します。JavaScript/TypeScriptモジュール向けに、プラグイン構造、イベントAPI仕様、および実装パターンを提供します。カスタムイベント駆動ロジックでOpenCode AIアシスタントのライフサイクルをインターセプト、監視、または拡張する必要がある場合にご利用ください。

スキルを見る

sglang

メタ

SGLangは、高性能なLLMサービングフレームワークであり、RadixAttentionプレフィックスキャッシュを活用したJSON、正規表現、エージェントワークフロー向けの高速で構造化された生成を特長とします。特にプレフィックスが繰り返されるタスクにおいて、大幅に高速な推論を実現し、複雑な構造化出力やマルチターン対話に最適です。制約付きデコードが必要な場合や、広範なプレフィックス共有を伴うアプリケーションを構築する場合は、vLLMなどの代替案ではなくSGLangを選択してください。

スキルを見る