mcpField
I
ink-google

ink-google

github.com/podo设计与 UI29158 次安装1 天前更新
代码仓库

关于 ink-google

ink-google 是面向 Claude artifact 输出的设计技能,将高对比、鲜明字体、克制配色和清晰结构用于编辑风格设计。

主要功能

  1. 01应用墨水风格编辑美学
  2. 02强调高对比与字体表现
  3. 03采用克制配色和清晰结构

适用场景

  1. 01设计编辑风格的 artifact
  2. 02为 Claude artifact 设置视觉风格

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/podo/design-agent-skills --skill ink-google

安装后在 Claude Code 中输入/ink-google确认已加载。

附带文件stub.yaml

详细介绍

ink-google

目录占位条目 — 完整技能:google-labs-code/design.md

决策树

  1. 是否已安装完整技能? 检查此位置的技能是否仍包含 das: 块:

    • 全局:grep -q "^das:" ~/.agents/skills/ink-google/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 项目:grep -q "^das:" .agents/skills/ink-google/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
    • 没有 das: 块 → 已安装完整技能,调用该技能并继续
    • 存在 das: 块 → 转到第 2 步
  2. 检测范围,然后安装:

    检测范围:

    [ -e ~/.agents/skills/ink-google ] && echo "global" || echo "project"
    

    全局(使用 -g 安装):

    npx skills add google-labs-code/design.md --skill ink-google -g -y
    

    项目(不使用 -g 安装):

    npx skills add google-labs-code/design.md --skill ink-google -y
    

    Claude Code: 将任一命令作为以 ! 开头的聊天消息发送,即可在不离开对话的情况下运行。

安装后调用

  • 技能名称:ink-google
  • 触发短语:"ink design"、"ink style"、"editorial design"、"artifact design"

功能

为 Claude 生成的 artifact 输出应用独特的水墨风格编辑美学:高对比度、鲜明的字体表现力、克制简约的色彩,以及简洁的结构构图。该项目源自 Google Labs 的 design.md,是一种将视觉设计意图编码为 Agent 可读格式的系统。

评论

支持 Markdown