bytedance/agentkit-samples is a collection of examples and tutorials for Volcengine AgentKit, an AI-agent development platform for building, deploying, and operating agent applications. Developers use the samples to learn agent creation, multi-agent collaboration, memory, retrieval, MCP integrations, media generation, customer service, and other workflows. The catalogue skills provide agent workflows based on these examples.
Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add bytedance/agentkit-samples --skill byted-util-getdesign-mdgit clone --depth 1 https://github.com/bytedance/agentkit-samplesWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/bytedance/agentkit-samples/byted-util-getdesign-md)<a href="https://agentmods.dev/skills/bytedance/agentkit-samples/byted-util-getdesign-md"><img src="https://agentmods.dev/badge/skills/bytedance/agentkit-samples/byted-util-getdesign-md/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/bytedance/agentkit-samples/byted-util-getdesign-md"><img src="https://agentmods.dev/badge/skills/bytedance/agentkit-samples/byted-util-getdesign-md.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector warn
SkillSpector: 8 findings, up to medium
These are SkillSpector’s own severities. On a checked sample its high-severity flags on skills were ~96% false positives — a documented command, a public API, a “never do X” rule — so we show them as a caution to read, not a verdict. Why →
- medium MCP Rug Pull · line 27 npx commands without a version suffix (e.g. @1.0.0) create a rug-pull risk if the upstream server is compromised and publishes a malicious update.Fix: Pin the version: npx @scope/[email protected]
- medium MCP Rug Pull · line 36 npx commands without a version suffix (e.g. @1.0.0) create a rug-pull risk if the upstream server is compromised and publishes a malicious update.Fix: Pin the version: npx @scope/[email protected]
- medium MCP Rug Pull · line 43 npx commands without a version suffix (e.g. @1.0.0) create a rug-pull risk if the upstream server is compromised and publishes a malicious update.Fix: Pin the version: npx @scope/[email protected]
- medium MCP Rug Pull · line 46 npx commands without a version suffix (e.g. @1.0.0) create a rug-pull risk if the upstream server is compromised and publishes a malicious update.Fix: Pin the version: npx @scope/[email protected]
- medium MCP Rug Pull · line 49 npx commands without a version suffix (e.g. @1.0.0) create a rug-pull risk if the upstream server is compromised and publishes a malicious update.Fix: Pin the version: npx @scope/[email protected]
- medium MCP Rug Pull · line 52 npx commands without a version suffix (e.g. @1.0.0) create a rug-pull risk if the upstream server is compromised and publishes a malicious update.Fix: Pin the version: npx @scope/[email protected]
- medium MCP Rug Pull · line 55 npx commands without a version suffix (e.g. @1.0.0) create a rug-pull risk if the upstream server is compromised and publishes a malicious update.Fix: Pin the version: npx @scope/[email protected]
- medium MCP Rug Pull · line 84 npx commands without a version suffix (e.g. @1.0.0) create a rug-pull risk if the upstream server is compromised and publishes a malicious update.Fix: Pin the version: npx @scope/[email protected]
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00055 | $0.00878 |
| Opus 5 | $0.00028 | $0.00439 |
| Sonnet 5 | $0.00011 | $0.00176 |
| Haiku 4.5 | $0.00006 | $0.00088 |
Grade A, and why
byted-util-getdesign-md scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 5d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
getdesign-md Skill
从 getdesign.md 下载知名品牌/网站的设计系统规范文档（DESIGN.md），让前端开发能够快速复用成熟的设计体系。
核心功能
- 根据品牌名称下载对应的 DESIGN.md 设计系统文档
- 涵盖 60+ 知名品牌的设计规范（颜色、字体、间距、组件风格等）
- 下载后的 DESIGN.md 可直接放入项目根目录，指导前端开发
安装
# 无需安装，通过 npx 直接使用
npx getdesign@latest --help
使用方法
搜索可用的设计系统
# 列出所有可用的设计系统
npx getdesign@latest list
下载指定品牌的设计系统
# 下载 Stripe 风格的 DESIGN.md 到当前目录
npx getdesign@latest add stripe
# 下载 Apple 风格
npx getdesign@latest add apple
# 下载 Linear 风格
npx getdesign@latest add linear
# 下载 Nike 风格
npx getdesign@latest add nike
# 下载 Airbnb 风格
npx getdesign@latest add airbnb
常见品牌关键字
品牌名称全部使用小写，常用的包括：
| 品牌 | 关键字 | 风格描述 |
|---|---|---|
| Apple | apple |
极简白、SF Pro、影院级画面 |
| Stripe | stripe |
紫色渐变、轻盈优雅 |
| Linear | linear |
极简精确、紫色强调 |
| Nike | nike |
单色UI、大写字体、全幅摄影 |
| Airbnb | airbnb |
暖色珊瑚、圆润UI |
| Shopify | shopify |
暗色优先、霓虹绿强调 |
| Notion | notion |
暖系极简、衬线标题 |
| Figma | figma |
多彩活力、专业有趣 |
| Vercel | vercel |
黑白精准、Geist字体 |
| Spotify | spotify |
深色背景绿色强调、大字体 |
| Tesla | tesla |
极度简化、全视口摄影 |
| SpaceX | spacex |
黑白对比、全幅图像、未来感 |
| Claude | claude |
暖色赤陶、干净编辑布局 |
| Cursor | cursor |
暗色界面、渐变强调 |
| Supabase | supabase |
暗色翡翠、代码优先 |
| PostHog | posthog |
开发者友好暗色UI |
工作流程
- 需求确认：了解项目目标和用户群体，选择合适的设计风格
- 下载 DESIGN.md：使用
npx getdesign@latest add <brand>下载到项目根目录 - 分析设计规范：阅读 DESIGN.md 中的颜色系统、字体、间距、组件规范
- 应用到开发：将设计规范转化为 TailwindCSS 配置或 CSS 变量，指导前端开发
注意事项
- DESIGN.md 文件会下载到当前工作目录
- 如果项目已有 DESIGN.md，会被覆盖
- 可以根据项目需要对下载的设计规范进行定制修改
- 建议将 DESIGN.md 放在项目根目录，方便团队成员参考
What ships with it
2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 5d ago First seen · 94 lines · 55 tokens per session scan A 433749582ba2
byted-util-getdesign-md is a skill published in the GitHub repository bytedance/agentkit-samples (450 stars, last pushed 4d ago), licensed Apache-2.0. It adds 55 tokens to every session and 878 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other skills, from other repositories
design-taste-frontend
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
image-to-code
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…
html-artifacts
Author the HTML for a plan artifact, dashboard iframe, or Slack attachment — structure, design plan, available runtime, theming, and craft. Read this before writing HTML for saveplan, outputiframe, or slackattachhtml.
brandkit
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional…
minimalist-ui
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
skin-creator
Create and apply a two-asset LobsterAI visual skin from the user's style description. Use only when the AI Skin Designer kit supplies the structured skinpack workflow marker; do not use for ordinary theme or image requests.