← 返回 Skills 市场
90
总下载
1
收藏
0
当前安装
1
版本数
在 OpenClaw 中安装
/install token-image
功能描述
Generate themed social/marketing image React components using design tokens. Produces TSX files that render to PNG. Use when the user asks to generate images...
安全使用建议
This skill appears internally consistent with its goal of generating token-driven React image components, but before running it you should: 1) Review and approve the workspace changes — the script will create a .token-image/ directory and write files into your project. 2) Inspect the generated package.json and the external npm dependency @zane-chen/token-image (and any transitive dependencies) before running npm install; npm installs can run arbitrary install scripts. 3) Be aware SKILL.md asks you to run `npx playwright install chromium`, which downloads browser binaries. If you prefer, run init.sh and installs in an isolated/sandboxed environment (container, VM) or a throwaway branch. 4) If you provide a custom tokens.json path, the skill will read that file — only provide files you trust. 5) If you need a stricter review, check the contents of .token-image/src and node_modules after installation and consider pinning versions or using an audit tool (npm audit, vendor lockfile) before rendering.
功能分析
Type: OpenClaw Skill
Name: token-image
Version: 1.0.0
The token-image skill bundle is a legitimate tool designed to generate themed marketing images by rendering React components using Playwright. The workflow defined in SKILL.md and the supporting prompts (writer.md, reviewer.md) correctly orchestrate a multi-agent process for content planning, component generation, and visual review. The initialization script (scripts/init.sh) safely bootstraps a local workspace, manages design tokens, and installs standard dependencies like React and Playwright. No indicators of data exfiltration, malicious persistence, or harmful prompt injection were found; all shell executions and file operations are strictly aligned with the stated purpose of image generation and workspace management.
能力标签
能力评估
Purpose & Capability
The name/description (generate token-aware image components → TSX → PNG) matches the included assets, prompts, and scripts. The skill bundles design-token presets, design guides, writer/reviewer/shared prompts, and an init.sh that bootstraps a .token-image workspace and installs an image-rendering package — all consistent with building and rendering React image components.
Instruction Scope
SKILL.md instructs the agent to ask intake questions, optionally run scripts/init.sh to create .token-image/, copy tokens, write Viewport/styles/components to .token-image/src/, run a render pipeline and visually review PNG outputs. All referenced files are inside the skill package or the created .token-image workspace. The instructions do not request unrelated system files, credentials, or external endpoints beyond tool installation.
Install Mechanism
There is no registry-level install spec, but the included scripts/init.sh will run `npm install` inside the created .token-image workspace and SKILL.md recommends `npx playwright install chromium`. That causes network downloads and execution of npm package install scripts. The package @zane-chen/token-image (declared in the generated package.json) is an external npm package of unknown provenance — installing it is necessary for rendering but carries the usual npm risk (arbitrary install scripts, third-party code). Playwright will download browser binaries. This is expected for the skill's purpose but worth noting as a runtime/downstream risk.
Credentials
The skill requests no environment variables, no credentials, and no config paths outside the project-local .token-image workspace. It operates on files under the project root (reads/writes .token-image and reads user-supplied token files if provided). There are no disproportionate secret or credential requests.
Persistence & Privilege
The skill creates and populates a persistent workspace folder (.token-image/) in the project root, writes package.json/tsconfig/src files and installs node_modules. That persistent filesystem change and dependency installation is expected for build/render workflows but is a lasting modification the user should consent to. The skill does not request elevated system privileges or modify other skills/configs.
如何使用
- 确保已安装 OpenClaw(本地或 Docker 部署)
- 在对话框中输入安装命令:
/install token-image - 安装完成后,直接呼叫该 Skill 的名称或使用
/token-image触发 - 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
v1.0.0
token-image 1.0.0
- Initial release of the token-image skill for generating themed social/marketing image React components using design tokens.
- Guides users through image generation with a structured, multi-phase workflow: Pre-flight checks, Intake Q&A, Content Planning, and Generation.
- Supports various image formats (Twitter cards, Instagram squares, og-images, custom sizes) and per-image layouts/branding.
- Automates setup of the design token workspace and imports token sets and design guides.
- Produces TSX component files that render to PNG, with shared Viewport, Stylesheet, and per-image content briefs.
元数据
常见问题
token-aware-image 是什么?
Generate themed social/marketing image React components using design tokens. Produces TSX files that render to PNG. Use when the user asks to generate images... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 90 次。
如何安装 token-aware-image?
在 OpenClaw 或 Claude Code 对话框中运行命令「/install token-image」即可一键安装,无需额外配置。
token-aware-image 是免费的吗?
是的,token-aware-image 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。
token-aware-image 支持哪些平台?
token-aware-image 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。
谁开发了 token-aware-image?
由 czl9707(@czl9707)开发并维护,当前版本 v1.0.0。
推荐 Skills