返回技能列表

enhance-glyph

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

关于

This skill enhances existing R-based pictogram glyphs (for skills, agents, or teams) by diagnosing and fixing visual issues like poor proportions, readability, or unbalanced glow effects. It performs a visual audit, applies targeted modifications to the glyph function, and facilitates re-rendering with before/after comparison. Use it when a glyph renders poorly at small sizes, its metaphor is unclear, or after changes to palettes or the rendering pipeline.

快速安装

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

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

技能文档

增飾字符

viz/ 視化層中既有之字符——察其渲、診視之病、施針對之變、再渲、前後較。適於技、員、團之字符。

用時

  • 字符於小尺渲差(細失、形融)
  • 字符之象不明或不合其所代者
  • 字符比例有疵(過大、過小、偏中)
  • 霓光壓字符或失勢
  • 字符於一色佳而於他色差
  • 新色或渲流易後批量改進

  • 必要:實體之類——skillagentteam
  • 必要:欲改之字符實體 ID(如 commit-changesmystictending
  • 必要:欲處之具體病(易讀、比例、光、色兼容)
  • 可選:示所求質之參照字符
  • 可選:目標色板(默:所有)

第一步:察——評現狀

觀當前字符,識具體病。

  1. 依實體類尋字符函:
    • Skillsviz/R/primitives*.R(19 域分文件),於 viz/R/glyphs.R
    • Agentsviz/R/agent_primitives.R,於 viz/R/agent_glyphs.R
    • Teamsviz/R/team_primitives.R,於 viz/R/team_glyphs.R
  2. 讀字符函,明其構:
    • 用幾層?
    • 呼何原件?
    • 尺與位為何?
  3. 觀渲之出:
    • 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 於詳面)
  4. 質之維評字符:
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. 識評最低之 1-2 維——此改之的也

得: 病之明診,知何維宜改。察宜具體:「比例:字符僅用畫布四成」非「看上去差」。

敗則: 若字符函缺或實體未於 *_glyphs.R 映,字符或尚未造——當用 create-glyph

第二步:診——根因析

定所識病之因。

  1. 易讀病:
    • 細節過多,小尺融乎?
    • 字符元素對比不足乎?
    • 線過細(s=1.0 時 size < 1.5)乎?
    • 元素相距過近乎?
  2. 比例病:
    • 尺因子 s 過小或過大乎?
    • 中偏離 (50, 50) 乎?
    • 元素逾安全域(10-90)乎?
  3. 病:
    • 字符描線寬與 ggfx::with_outer_glow() 交互:
      • 細線:光使之模糊
      • 厚填:光加過盛
    • 多重疊元素:複合光生熱點
  4. 色兼容病:
    • 字符用硬色而非 col/bright 參乎?
    • 低對比色板(cividis、mako)使字符不可見乎?
    • 字符賴某色板所不供之色變乎?
  5. 各病記具體根因

得: 根因直指碼改。「字符過小」→「尺因子為 0.6,當 0.8」。「光壓」→「三重疊填多邊形各生光」。

敗則: 若根因非顯於碼察,以異參孤渲字符以隔問題。以 render_glyph() 單字符試之。

第三步:改——施針對之修

編字符函以處所診之病。

  1. 開含字符函之文件
  2. 依診施改:
    • 尺/比例:調 s 乘因或元素偏移
    • 易讀:簡繁元素,增描寬,加間距
    • 光衡:減重疊填區,填生盛處用描
    • 色兼容:確諸色源於 col/bright 參,加 alpha 以增深
  3. 字符函之約
    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
    }
    
  4. 保函之簽——勿易參
  5. 改宜最少:修所診之病,勿重設字符

得: 已改之函處一、二步所識病。改為針對且最少——增飾,非重設。

敗則: 若改使他維更差(如修比例壞易讀),復原試他法。若需全重設,當用 create-glyph

第四步:再渲——生新圖

渲改後字符,驗修。必用 build.sh——其處平台辨識與 R 本選。見 render-icon-pipeline 以全旗參。

  1. 依實體類再渲:

    # 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. 驗出之文件於預期路於各色板

  3. 察文件大——圖宜 2-15 KB(WebP):

    • 不足 2 KB:字符或過簡或渲敗
    • 逾 15 KB:字符或過繁(層過多)

得: 諸色板之新圖生。文件大於預期域。

敗則: 若 build 本有誤,察 R 控之出以求具體誤。常因:字符函缺閉括、呼未定原件、返非列表。若渲成而出空,字符層或出畫布界。

第五步:較——前後驗

驗改進所的之維。

  1. 較舊新渲:
    • 觀 cyberpunk 色板於圖(48px)與面(160px)尺
    • 察至少二他色板(一光如 turbo,一暗如 mako)
  2. 重評一步之質維:
    • 所的維宜增至少一分
    • 非所的維不宜減
  3. 若字符用於力圖,於彼試:
    • 起 HTTP 服:於 viz/python3 -m http.server 8080
    • 載圖尋實體節
    • 驗圖於默放與放大時渲正
  4. 記所改與所進

得: 所的維可量之增,他維無退。字符於二尺與諸色板皆更佳。

敗則: 若進微或有退,復原改重思診。有時原字符之限乃象之本,非施之病——彼時象本身或須易(升 create-glyph)。

  • 當前字符已察附具體病診
  • 諸病根因已識
  • 改為針對所診病(非過編)
  • 字符函之約得保(簽不易)
  • 諸色板之圖已再渲
  • 前後較於所的維示進
  • 非所的維無退
  • 文件大於預期域(WebP 2-15 KB)
  • 字符於力圖場景渲正(若適)

  • 過飾:修一病而調諸他。宜守所診之病
  • 破約:易函簽破渲流。五參之約不可變
  • 色板特優:令字符於 cyberpunk 完美而於 viridis 差。必察 3+ 色板
  • 略小尺渲:美於 160px 而於 48px 為團者,敗之飾也
  • 忘再渲:編函而不運 build 命,改不可見
  • 誤 build 命:Skills 用 build-icons.R,agents 用 build-agent-icons.R,teams 用 build-team-icons.R

GitHub 仓库

pjt222/agent-almanac
路径: i18n/wenyan/skills/enhance-glyph
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是理想选择。

查看技能