Getting it into your agent
This one installs as part of its plugin. Adding the marketplace and installing the plugin brings it with everything else the plugin ships.
/plugin marketplace add kkunkunya/ai-frontend-design-kit/plugin install ai-frontend-design-kitWrote 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/kkunkunya/ai-frontend-design-kit/frontend-iteration-planner)<a href="https://agentmods.dev/skills/kkunkunya/ai-frontend-design-kit/frontend-iteration-planner"><img src="https://agentmods.dev/badge/skills/kkunkunya/ai-frontend-design-kit/frontend-iteration-planner/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/kkunkunya/ai-frontend-design-kit/frontend-iteration-planner"><img src="https://agentmods.dev/badge/skills/kkunkunya/ai-frontend-design-kit/frontend-iteration-planner.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.00257 | $0.05066 |
| Opus 5 | $0.00129 | $0.02533 |
| Sonnet 5 | $0.00051 | $0.01013 |
| Haiku 4.5 | $0.00026 | $0.00507 |
Grade A, and why
frontend-iteration-planner 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 10d 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.
How it starts
The opening of the file, as written. The whole thing — 323 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Packaged Knowledge Snapshot
This packaged copy includes local note snapshots for portability. When the original Obsidian absolute path is unavailable, use the packaged snapshot instead:
/Users/kunkun/note/01-AI工程/AI设计与前端/01-认知框架/AI前端设计认知框架.md->references/packaged-knowledge/AI前端设计认知框架.md
Frontend Iteration Planner
这个 skill 在做什么
二开场景的入口路由器。已有 design.md 定稿 + visual-anchors/ 选定 + motion-prompts/ 产出的项目要扩展时，先强制读老资产（防"假装新项目"），再按三档 tier 输出本轮的最小执行路径，避免每次扩展都从阶段 1 重跑。
本 skill 不自己跑采访 / 出图 / 写代码——它只决定本轮走哪几步、跳哪几步、老资产怎么读、新产出往哪写，然后移交给对应的原 skill 执行。
在阶段化流程里的位置
本 skill 是场景 C（二开 / 增量）的专用入口，横入于阶段 1 前。原 7 阶段流程的 skill 都在它下游：
场景 A：全新项目
阶段 1 → 2 → 3 → 4 → 5 → 6 → 7（完整 7 阶段）
场景 B：整站视觉重写
回阶段 2 重跑六维 + 阶段 3 后轮 + 阶段 4 视觉锚定三件套（全量重生）
场景 C：二开 / 增量（本 skill）
★ frontend-iteration-planner
↓（读老资产 + tier 判定）
按 Tier 1/2/3 输出最小路径：
T1 新页面 ：轻量后轮 → 4B 局部 mockup → 6 代码 → 7 review + 反写 design.md
T2 新 section：最小后轮 → 可选 4B → 6 代码 → 7 review + 反写
T3 微改 ：直接 6 代码 → 7 review + 反写对应段
核心赌局
老 design.md 是资产，不是债务。用户已经花过一轮心思钉死主语言 / 六维 token / 动效双向性，二开必须沿用不能重新发明。模型默认倾向"看到任务就从零开始"——本 skill 是这条倾向的硬杀手。
何时进入本 skill
要进：
- 用户说："加个新页面" / "新路由 /X" / "在首页加一个 section" / "改一下这个按钮 / token / 动效参数"
- 用户说："design.md 已经有了，现在要扩展 / 迭代 / 加功能"
- 项目根目录存在
knowledge/design-docs/design.md且 frontmatterstage≥3-finalized或等价状态 frontend-anti-slop-gate/frontend-design-review等下游 skill 检查时发现本次任务是增量而非新建
不要进：
- 项目是全新的（没有
knowledge/design-docs/目录或只有空骨架） →frontend-interview-dualround前轮 - 用户明确说要整站视觉重写（主语言不变但视觉方向换） → 回阶段 2-4 重跑
- 纯 bug 修复 / 纯脚本改动 / 无 UI 表面 → 开发实现剧本
- 单纯改 copy 文案（不涉及视觉 / 交互 / 架构） → 直接改代码 + 反写 design.md §9
知识库依赖
| 文件 | 用途 | 何时读 |
|---|---|---|
/Users/kunkun/note/01-AI工程/AI设计与前端/01-认知框架/AI前端设计认知框架.md |
阶段化流程总图（场景 C 在总图的位置） | 启动必读 |
项目内 knowledge/design-docs/design.md |
主语言 + 六维 token + §9 Agent Prompt Guide + §14 Motion Prompts 索引 | 步骤 0 必读 |
项目内 knowledge/design-docs/visual-anchors/ |
Moodboard 选定版 + 已有页面 mockup + 帧序列图 | 步骤 0 若存在必扫目录清单 |
项目内 knowledge/design-docs/motion-prompts/ |
已有核心动效的微观 prompt | 步骤 0 若存在必扫目录清单 |
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.
- 10d ago First seen · 323 lines · 257 tokens per session scan A 48f629227132
frontend-iteration-planner is a skill published in the GitHub repository kkunkunya/ai-frontend-design-kit (7 stars, last pushed 3mo ago), licensed MIT. It adds 257 tokens to every session and 5,066 once invoked, about $0.0013 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
stark
Use for UI/UX design, product flows, frontend or native interface design, design audits, design translation, asset planning, motion direction, design tokens, or distinctive non-generic apps and websites. Covers web and React, Windows and WinUI/Mica, Apple and SwiftUI, Android and Jetpack Compose/Material…
web-design
Use for web interfaces, landing pages, product sites, dashboards, React, Next.js, Astro, Tailwind, frontend audits, responsive design, browser interaction, web motion, or requests for a distinctive non-generic website. Select the web surface and implementation track, load a small reference bundle, preserve usability…
design-with-claude
Use when design work needs a product designer's eye: auditing a codebase for design-system gaps, fixing WCAG contrast and unlabeled inputs, choosing type scales or spacing steps, reviewing UI that looks generic or AI-generated, or designing forms, tables, dashboards, navigation, checkout, onboarding, dark mode, and…
web-prototype
General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed assets/template.html and pasting section layouts from references/layouts.md. Default for any landing / marketing / docs / SaaS page when no more specific skill matches.
web-prototype-taste-brutalist
Swiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII syntax decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Swiss Industrial Print mode).
web-prototype-taste-soft
Apple-tier soft web prototype. Silver/cream canvas, double-bezel cards, button-in-button CTAs, generous squircle radii, spring motion, ambient mesh. Distilled from Leonxlnx/taste-skill soft-skill + sections 4–8 of taste-skill.