enhance-glyph
정보
이 기술은 기존 R 기반 픽토그램 글리프(스킬, 에이전트 또는 팀용)를 개선하여 잘못된 크기 조정, 불명확한 메타포 또는 불균형한 발광 효과와 같은 시각적 문제를 수정합니다. 시각적 감사를 수행하고, 특정 문제를 진단하며, 비교 재렌더링 전에 목표 코드 수정을 안내합니다. 특히 팔레트나 파이프라인 변경 후 글리프의 가독성이나 비율에 문제가 있을 때 사용하세요.
빠른 설치
Claude Code
추천npx skills add pjt222/agent-almanac -a claude-code/plugin add https://github.com/pjt222/agent-almanacgit clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/enhance-glyphClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
문서
改造符號
改 viz/ 視化層既有之象形符號——審其當下之渲染、診視覺之疵、施針對性之改、重渲、比前後。適用於技能、代理、團隊之符號。
適用時機
- 符號小尺渲染不佳(細節盡失、形合)
- 符號之視覺隱喻不明或不配其所代之實體
- 符號比例失調(過大、過小、偏中)
- 霓虹輝光效過壓或不足
- 符號於一色板佳而於他色板劣
- 加新色板或改渲染管線後之批改
輸入
- 必要:實體類型——
skill、agent或team - 必要:欲改符號之實體 ID(如
commit-changes、mystic、tending) - 必要:待解之具體疵(可讀性、比例、輝光、色板相容)
- 選擇性:示所期品質之參考符號
- 選擇性:待優化之目標色板(預設:所有色板)
步驟
步驟一:審——察當下之態
察當下之符號並識具體之疵。
- 依實體類型定符號函數所在:
- Skills:
viz/R/primitives*.R(19 域分文件),映於viz/R/glyphs.R - Agents:
viz/R/agent_primitives.R,映於viz/R/agent_glyphs.R - Teams:
viz/R/team_primitives.R,映於viz/R/team_glyphs.R
- Skills:
- 讀符號函數以解其結構:
- 用幾層?
- 呼何原語?
- 縮放因子與定位若何?
- 察渲染輸出:
- Skills:
viz/public/icons/cyberpunk/<domain>/<skillId>.webp - Agents:
viz/public/icons/cyberpunk/agents/<agentId>.webp - Teams:
viz/public/icons/cyberpunk/teams/<teamId>.webp - 若可得,察 2-3 他色板以驗跨色板渲染
- 於圖示尺(~48px 於圖中)與面板尺(~160px 於細節面板)皆察之
- Skills:
- 於品質維度評符號:
Glyph Quality Dimensions:
+----------------+------+-----------------------------------------------+
| Dimension | 1-5 | Assessment Criteria |
+----------------+------+-----------------------------------------------+
| Readability | | Recognizable at 48px? Clear at 160px? |
| Proportions | | Well-centered? Good use of the 100x100 canvas?|
| Metaphor | | Does the shape clearly represent the entity? |
| Glow balance | | Glow enhances without overwhelming? |
| Palette compat | | Looks good across cyberpunk + viridis palettes?|
| Complexity | | Appropriate layer count (not too busy/sparse)? |
+----------------+------+-----------------------------------------------+
- 識 1-2 最低分之維度——此為改造之標
預期: 對符號之疵與待改維度有明之診。審宜具體:「比例:符號僅用 40% 之畫布」而非「看似不佳」。
失敗時: 若符號函數缺或實體未於其 *_glyphs.R 映射中,則符號或未建——應改用 create-glyph。
步驟二:診——根因析
定所識之疵何以存。
- 於可讀性之疵:
- 細節過多而小尺合?
- 符號元素間對比不足?
- 線過細(於 s=1.0
size< 1.5)? - 元素過近?
- 於比例之疵:
- 縮放因子
s過小或過大? - 中心自 (50, 50) 偏?
- 元素超出安全區(10-90 範圍)?
- 縮放因子
- 於輝光之疵:
- 符號筆畫寬與
ggfx::with_outer_glow()相交:- 細線:輝光使其模糊
- 厚填:輝光加過多之光暈
- 多重疊元素:複合輝光生熱點
- 符號筆畫寬與
- 於色板相容之疵:
- 符號用寫死之色而非
col/bright參數? - 低對比色板(cividis、mako)令符號不可見?
- 符號倚色之變而某色板不予?
- 符號用寫死之色而非
- 記各疵之具體根因
預期: 根因直指代碼改。「符號過小」→「縮放因子為 0.6 宜 0.8」。「輝光過壓」→「三重疊之填充多邊形各生輝光」。
失敗時: 若根因不顯於代碼檢,以不同參數孤立渲符號以隔疵。用 render_glyph() 以單符號測之。
步驟三:改——施針對之修
編符號函數以解所診之疵。
- 開含符號函數之文件
- 施針對診之改:
- 縮放/比例:調
s乘子或元素偏移 - 可讀性:簡複雜元素、增筆畫寬、加間距
- 輝光平衡:減重疊之填充區,於填充生光暈處改用輪廓
- 色板相容:確所有色源自
col/bright參數,加透明度以示深度
- 縮放/比例:調
- 遵符號函數契約:
glyph_name <- function(cx, cy, s, col, bright) { # cx, cy = center (50, 50) # s = scale (1.0 = ~70% of canvas) # col = domain color, bright = brightened variant # Returns: list() of ggplot2 layers } - 保函數簽名——勿改參
- 改宜少:修所診之疵,勿重設整符號
預期: 改後之符號函數解步驟一二所識之具體疵。改乃針對而少——改之,非重設。
失敗時: 若改使他維劣(如修比例而壞可讀性),則回並試別法。若符號需全重設,改用 create-glyph。
步驟四:重渲——生新圖示
渲改後之符號並驗其修。恒以 build.sh 為之——其處平台偵測與 R 二進制選擇。見 render-icon-pipeline 查全之旗標參考。
-
依實體類型重渲:
# From project root — use --no-cache to force re-render of modified glyph bash viz/build.sh --only <domain> --no-cache # skills bash viz/build.sh --type agent --only <id> --no-cache # agents bash viz/build.sh --type team --only <id> --no-cache # teams -
驗輸出文件於各色板之預期路徑存
-
查文件大小——圖示宜 2-15 KB(WebP):
- 不足 2 KB:符號或過簡,或渲染已敗
- 逾 15 KB:符號或過繁(層過多)
預期: 為所有色板生新之圖示文件。文件大小於預期範圍。
失敗時: 若構建腳本錯,察 R 控制臺輸出以見具體錯。常因:符號函數缺閉括號、引未定之原語、或函數返非 list。若渲成而輸出空,符號之層或已出畫布界。
步驟五:比——前後驗
驗改善已改目標維度。
- 比舊新渲:
- 於圖示(48px)與面板(160px)尺察 cyberpunk 色板版
- 至少察二他色板(一亮如 turbo,一暗如 mako)
- 再評品質維度:
- 目標維度宜至少升 1 分
- 非目標維度宜不降
- 若符號用於力導向圖,於其中測之:
- 啟 HTTP 服務:
python3 -m http.server 8080於viz/ - 載圖並尋實體節點
- 驗圖示於預設縮放與放大時皆正渲
- 啟 HTTP 服務:
- 記所作之改與所達之改善
預期: 目標維度可測之改善,他維無退。符號於二尺與跨色板皆更佳。
失敗時: 若改善微或有退,則回改並重思診。有時原符號之限為隱喻本身所致,非實作——此時隱喻本身或需改(升級至 create-glyph)。
驗證清單
- 當前符號已審,具體疵已診
- 各疵之根因已識
- 改針對所診之疵(非過編)
- 符號函數契約已保(簽名未改)
- 圖示已為所有色板重渲
- 前後比示目標維度之改善
- 非目標維度無退
- 文件大小於預期範圍(2-15 KB WebP)
- 若用,符號於力導向圖中正渲
常見陷阱
- 過改造:修一疵而後調其他。守所診之疵
- 破契約:改函數簽名壞渲染管線。五參契約不可變
- 色板特定優化:令符號於 cyberpunk 美而於 viridis 劣。恒察 3+ 色板
- 忽小尺渲染:美之 160px 圖示於 48px 成一糊乃敗之改造
- 忘重渲:編函數而未執構建令改不可見
- 錯誤之構建命:Skills 用
build-icons.R,agents 用build-agent-icons.R,teams 用build-team-icons.R
相關技能
- create-glyph — 自新建符號(改造不足時用)
- audit-icon-pipeline — 偵整管線中需改造之符號
- render-icon-pipeline — 改造後行完整渲染管線
- ornament-style-mono — 適於符號組合之視覺設計原則
- chrysopoeia — 價值萃取方法論平行於符號優化(擴金、除渣)
GitHub 저장소
연관 스킬
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을 선택하십시오.
