スキル一覧に戻る

render-icon-pipeline

pjt222
更新日 2 days ago
6 閲覧
17
2
17
GitHubで表示
メタdesigndata

について

このスキルは、スキル、エージェント、チーム用の既存のグリフからアイコンをレンダリングする可視化パイプラインを実行します。パレット生成、データ構築、マニフェスト作成、アイコンレンダリングを完全なワークフローとして処理します。開発者は常に `bash viz/build.sh` を介して実行し、直接Rscriptを呼び出さないでください。

クイックインストール

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
  • 可選:渲模——fullincremental、或 dry-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 .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

--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 依序行 1-5 步,故清單渲前必再生。若獨需清單而不渲,用 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/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を選択してください。

スキルを見る