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 Onevium/awesome-claude-skills --skill generate-variationsgit clone --depth 1 https://github.com/Onevium/awesome-claude-skillsWrote 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/onevium/awesome-claude-skills/generate-variations)<a href="https://agentmods.dev/skills/onevium/awesome-claude-skills/generate-variations"><img src="https://agentmods.dev/badge/skills/onevium/awesome-claude-skills/generate-variations/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/onevium/awesome-claude-skills/generate-variations"><img src="https://agentmods.dev/badge/skills/onevium/awesome-claude-skills/generate-variations.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.00086 | $0.00754 |
| Opus 5 | $0.00043 | $0.00377 |
| Sonnet 5 | $0.00017 | $0.00151 |
| Haiku 4.5 | $0.00009 | $0.00075 |
Grade A, and why
generate-variations 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 11d 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
生成设计变体
用少量、差异清晰的方案帮助用户比较取舍。默认生成 3 个方向；用户指定数量时尊重其要求，通常单轮不超过 5–6 个。
1. 建立基线
确认变化对象、既有品牌或设计系统、方案数量，以及主要探索视觉、布局、交互、信息层级或文案。除非用户明确要求突破，所有变体都应扎根于同一产品约束。
2. 选择变化轴
挑选 2–4 个真正影响体验的维度：版式骨架、首要信息、密度、字体层级、色调、组件风格、流程步骤、模态与行内交互、文案语气等。制作前先写明每个方案主要改变什么。
3. 从稳妥到大胆
默认顺序：
- 稳妥版：遵循既有模式和行业惯例。
- 强化版：保持核心结构，主动强化一两个维度。
- 探索版：改变布局或交互模型，提出真正不同的假设。
如果所有方案都很安全，用户得不到新信息；如果全部激进，则忽略了简报。
4. 保证实质差异
变体应在布局、层级、交互、排版、密度或内容策略上可用一句话区分。只改按钮颜色、阴影透明度或小范围圆角不算独立方向。两个方案过于接近时，删除其中一个并重做。
5. 同一载体展示
静态页面在一个可横向或纵向对比的文件中展示；流程用同一文件中的小型 storyboard；共享结构且仅少数轴不同的方案可以使用可调参数。不要散落 v1.html、v2.html、v3.html。
6. 标注并推荐
每个方案用一两句话说明变化轴和代价。最后明确推荐一个方向及理由，并给出继续细化、再探索另一轴、制作原型或进入最终检查的下一步。
示例
输入：“给定价页做三个完全不同的方向。”
**输出：**在一个 HTML 画布中展示标准三栏卡片、强调推荐层级的强化版，以及通过用量滑块推荐套餐的探索版；逐一标注差异，并推荐最符合当前业务目标的方向。
来源与许可
本 Skill 基于 Trystan Sarrade 的 claude-design-system-prompt 进行中文化与 Claude Skill 规范适配。上游与本改编均按 MIT License 发布，详见 LICENSE.txt。
What ships with it
1 file 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.
- 11d ago First seen · 53 lines · 86 tokens per session scan A a93092b7af8f
generate-variations is a skill published in the GitHub repository Onevium/awesome-claude-skills (1 stars, last pushed 14d ago), licensed MIT. It adds 86 tokens to every session and 754 once invoked, about $0.0004 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-08-31.
Other skills, from other repositories
accesslint-audit
Find and fix WCAG 2.2 accessibility issues. Two modes — report (sweep a codebase or page, produce a prioritized written report, no edits) and fix (audit→edit→verify loop on a target). Prefers direct-CDP live-DOM auditing; falls back to a browser-MCP composition or HTML-string audits.
web-artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
accesslint-scan
Audit a live page for accessibility issues, locate each WCAG violation precisely, and return a selector-grounded fix worklist without editing.
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.