What is figma-ios-commercial-delivery?

A quality checklist for the first-stage UIKit code generated from Figma. This stage creates the visual and layout foundation, while later work adds real data and business behavior.

It helps review Figma-to-UIKit output for complete node coverage, reusable color and font mappings, relative layout, and clearly marked items that still need human input.

It helps catch missing design elements, invented assets or URLs, hardcoded visual values, and other shortcuts before the UI foundation is handed off.

figma-ios-commercial-delivery — Skill for Cursor by mythkiven

Install

Getting it into your agent

It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.

Clone the repo

git clone --depth 1 https://github.com/mythkiven/figma-ios-codegen

agentmods

npx agentmods add skills/mythkiven/figma-ios-codegen/figma-ios-commercial-delivery

Made for: Cursor.

Wrote 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.

README.md

[![agentmods](https://agentmods.dev/badge/skills/mythkiven/figma-ios-codegen/figma-ios-commercial-delivery/github.svg)](https://agentmods.dev/skills/mythkiven/figma-ios-codegen/figma-ios-commercial-delivery)

Your own site

<a href="https://agentmods.dev/skills/mythkiven/figma-ios-codegen/figma-ios-commercial-delivery"><img src="https://agentmods.dev/badge/skills/mythkiven/figma-ios-codegen/figma-ios-commercial-delivery/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.

Your own site · 80×15

<a href="https://agentmods.dev/skills/mythkiven/figma-ios-codegen/figma-ios-commercial-delivery"><img src="https://agentmods.dev/badge/skills/mythkiven/figma-ios-codegen/figma-ios-commercial-delivery.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 141 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 5,879 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin original No closer match found in the catalogue.

Token cost

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.00141	$0.05879
Opus 5	$0.00071	$0.02939
Sonnet 5	$0.00028	$0.01176
Haiku 4.5	$0.00014	$0.00588

Measured 11d ago against content hash e67e08e2fda7, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

figma-ios-commercial-delivery 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.

.cursor/skills/figma-ios-commercial-delivery/SKILL.md · 336 lines

How it starts

The opening of the file, as written. The whole thing — 336 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Figma → iOS：阶段 2 基础 UI 代码 · 质量底线（验收）

📌 「商用」一词的澄清

本 skill 名字里的 commercial-delivery / 商用 指的是 阶段 2 基础 UI 代码的质量底线，不是「直接上线的最终业务代码」。

✅ 本 skill 管：UI 节点覆盖率 100%、无编造资源、无假 URL、无跳过规则以外的偷工、颜色/字体走 bindings、相对布局语义。
❌ 本 skill 不管：接口对接、ViewModel、路由、埋点、错误处理——这些是 阶段 3（PRD + 接口文档二次加工）的职责。

简单说：阶段 2 保证交给阶段 3 的「UI 地基」干净、完整、可识别；阶段 3 在此之上盖业务楼。

职责边界

负责：规定 阶段 2 基础 UI 代码 的最低质量标准（自检清单、禁止项、须显式声明的依赖）。
不负责：重复 figma-ios-design-token-mapping、figma-ios-minimum-deployment-12、figma-ios-to-code-conventions、figma-ios-snapkit-layout 的正文；以链接为准。
不负责：阶段 3 的任何内容（接口接入 / ViewModel / 业务逻辑 / 埋点），这些应该保留 // TODO(阶段3): ... 注释，交给阶段 3。

目标（与「来回改细节」的关系）

阶段 2 一次产出应尽量自带布局策略、bindings 色/字映射、可维护结构，使 UI 地基默认就接近主工程可合入水平（只剩阶段 3 的数据/业务补完）。
仍可能需要人工或第二轮的情况见文末「仍须确认」——Agent 应在代码注释或回复中 一次性列清，而不是留到用户追问。

宿主前提（不满足则必须在交付物中写明）

已配置 .cursor/bindings/（host.json + 三张 map）；生成时按配置输出，不要在 skill/代码里强制写死某宿主 SDK import。
布局：按 host.layout_engine（如 snapkit）；若工程无对应库，用 NSLayoutConstraint/anchor，语义仍须是相对约束。

类名前缀（强制）⚠️

所有新建的顶层 class / struct / enum / protocol / actor 必须以业务类前缀  开头（见 host.json 的 class_prefix / class_prefix_fallback，以及 PROJECT_BINDING §0）。

ViewController → FillOrderViewController
View → OrderHeaderView
Cell → RequirementCell
Model / Service / ViewModel → RequirementModel / RequirementService

豁免（仅这些，不加业务前缀）：

extension（跟着主类名）
引用宿主已有类型：host.bases.* 里的基类名、以及 color/font/iconfont map value 里已出现的类型（只引用、不新建）
private / fileprivate 的文件内辅助类型

不必再单独列宿主类名豁免表。

交付前自检（生成或审阅时逐项打勾）

前置硬约束：本节自检与 figma-ios-codegen-workflow §「全量还原原则」共同生效。任何一项不通过就不算交付完成，禁止以"已实现主要功能"为由跳过剩余自检。

0. 节点覆盖率对账（强制，先于其他所有自检）⭐️

视觉验收无法判断"少画了什么"——必须先用节点 ID 做结构化对账。

对账步骤：

从 {data_dir}/index.json 的 by_id / tree 提取应实现节点集合 S，剔除以下：
- figma-ios-to-code-conventions 跳过项（Home Indicator / Status Bar / Device Frame / 设计标注）
- 父节点已生成且本节点是 _role.is_transparent_wrapper / _role.is_single_child_wrapper 的纯结构容器
从生成的 Swift 代码中提取已实现节点集合 G：
- 每个 view / cell / 配置块都应在代码注释里有 // Figma node: <node_id> 标记
- 用 rg "Figma node:" <output_dir> 拉取所有 node_id
计算 missing = S - G，输出节点覆盖率报告（强制，必须在回复正文里贴出）：

Read the full file on GitHub · 336 lines

Changes

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 · 336 lines · 141 tokens per session scan A e67e08e2fda7

Subscribe to this mod's changes

figma-ios-commercial-delivery is a skill published in the GitHub repository mythkiven/figma-ios-codegen (9 stars, last pushed 2mo ago), licensed MIT. It adds 141 tokens to every session and 5,879 once invoked, about $0.0007 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.

Claude Code Design and UX Mobile agent-skills codegen cursor design-to-code design-tools

figma-codegen

Generate framework-aware code from a Figma design. Reads the project's stack profile and emits code matching the existing framework (React/Vue/Svelte/Next/etc.) and styling (Tailwind/CSS/CSS-in-JS), reusing existing components and design tokens instead of regenerating from scratch. Triggers whenever the user wants a…

awdr74100/figwright · 145 tokens

figma-build

Build a Figma design from code or a description — the reverse of figma-codegen. Reuses the connected file's existing design system (components, variables, styles) instead of drawing primitives with hardcoded values. Triggers whenever the user wants something created or updated IN Figma from code or a spec — e.g.…

awdr74100/figwright · 180 tokens

figma-ios-commercial-delivery