Sleek Design Mobile Apps
sleekdotdesign/agent-skills
Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.
适用:根据已批准任务、产品规则、原型或 Figma 输入生成、审计或执行 Version 1 UI 行为 Spec。不适用:替代产品决策、实现 UI、操作系统原生界面或探索未定义流程。触发词:UI Spec、行为契约、plan-spec、spec-writer、spec-auditor、app-operator、Marionette 验收。
$ npx skills add bladeofgod/flutter-ai-harness --skill ui-behavior-spec -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install bladeofgod/flutter-ai-harness ui-behavior-spec --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/bladeofgod/flutter-ai-harness.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/ui-behavior-spec .claude/skills/ui-behavior-spec && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "ui-behavior-spec" agent skill from https://github.com/bladeofgod/flutter-ai-harness/tree/main/.claude/skills/ui-behavior-spec into .claude/skills/ui-behavior-spec/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-behavior-spec", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/bladeofgod/flutter-ai-harness/tree/main/.claude/skills/ui-behavior-specType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add bladeofgod/flutter-ai-harness --skill ui-behavior-spec -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install bladeofgod/flutter-ai-harness ui-behavior-spec --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bladeofgod/flutter-ai-harness.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/ui-behavior-spec .agents/skills/ui-behavior-spec && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "ui-behavior-spec" agent skill from https://github.com/bladeofgod/flutter-ai-harness/tree/main/.claude/skills/ui-behavior-spec into .agents/skills/ui-behavior-spec/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-behavior-spec", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add bladeofgod/flutter-ai-harness --skill ui-behavior-spec -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install bladeofgod/flutter-ai-harness ui-behavior-spec --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bladeofgod/flutter-ai-harness.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/ui-behavior-spec .cursor/skills/ui-behavior-spec && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "ui-behavior-spec" agent skill from https://github.com/bladeofgod/flutter-ai-harness/tree/main/.claude/skills/ui-behavior-spec into .cursor/skills/ui-behavior-spec/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-behavior-spec", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/bladeofgod/flutter-ai-harness.git --path .claude/skills/ui-behavior-spec--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add bladeofgod/flutter-ai-harness --skill ui-behavior-spec -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install bladeofgod/flutter-ai-harness ui-behavior-spec --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bladeofgod/flutter-ai-harness.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/ui-behavior-spec .gemini/skills/ui-behavior-spec && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "ui-behavior-spec" agent skill from https://github.com/bladeofgod/flutter-ai-harness/tree/main/.claude/skills/ui-behavior-spec into .gemini/skills/ui-behavior-spec/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-behavior-spec", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install bladeofgod/flutter-ai-harness ui-behavior-specInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add bladeofgod/flutter-ai-harness --skill ui-behavior-spec -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/bladeofgod/flutter-ai-harness.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/ui-behavior-spec .github/skills/ui-behavior-spec && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "ui-behavior-spec" agent skill from https://github.com/bladeofgod/flutter-ai-harness/tree/main/.claude/skills/ui-behavior-spec into .github/skills/ui-behavior-spec/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-behavior-spec", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add bladeofgod/flutter-ai-harness --skill ui-behavior-spec -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install bladeofgod/flutter-ai-harness ui-behavior-spec --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bladeofgod/flutter-ai-harness.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/ui-behavior-spec .opencode/skills/ui-behavior-spec && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "ui-behavior-spec" agent skill from https://github.com/bladeofgod/flutter-ai-harness/tree/main/.claude/skills/ui-behavior-spec into .opencode/skills/ui-behavior-spec/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "ui-behavior-spec", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
ui-behavior-spec适用:根据已批准任务、产品规则、原型或 Figma 输入生成、审计或执行 Version 1 UI 行为 Spec。不适用:替代产品决策、实现 UI、操作系统原生界面或探索未定义流程。触发词:UI Spec、行为契约、plan-spec、spec-writer、spec-auditor、app-operator、Marionette 验收。
UI Behavior Spec is an agent skill from bladeofgod/flutter-ai-harness. 适用:根据已批准任务、产品规则、原型或 Figma 输入生成、审计或执行 Version 1 UI 行为 Spec。不适用:替代产品决策、实现 UI、操作系统原生界面或探索未定义流程。触发词:UI Spec、行为契约、plan-spec、spec-writer、spec-auditor、app-operator、Marionette 验收。
Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Mobile. It works with Figma. The repository describes itself as: An AI-native engineering harness for production Flutter and hybrid mobile app repositories. The licence is MIT.
5 steps, taken from the first numbered list in SKILL.md.
Read from SKILL.md and the folder at commit 9f1a1ca. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
bashmakeFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
UI Behavior Spec loads about 1.4k tokens when it runs. Until then it costs about 47 tokens; SKILL.md has 208 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from bladeofgod/flutter-ai-harness at commit 9f1a1ca, republished under its MIT licence (© bladeofgod). 208 words, ~1,353 tokens.
.claude/skills/ui-behavior-spec/SKILL.md (or your agent's skills folder).把产品输入转换为独立于实现、可静态审计并可由 Marionette 执行的行为契约。
事实优先级依次为:已批准任务和产品规则、Figma/原型中的明确行为、代码中的 Route、Key、Semantics 与可操作边界。代码不得反向定义产品要求;存在会改变用户行为的缺失决策时生成 draft,不得猜测。
docs/app-operator/specs/<spec-id>.spec.yaml;任务卡、产品规则、Figma 和原型只作为 sources。<spec-id>.audit.yaml。docs/app-operator/runs/<spec-id>/<platform>.run.yaml;同一平台重新执行时覆盖当前报告,历史由 Git 保存。Spec、Audit 和 Run 是人工独立安排的自动化证据,不属于普通任务卡元数据、执行门禁或归档产物。ready Spec、passed Audit 或已有 Run 均不得自动触发后续阶段。
version: 1
revision: 1
id: profile-save-name
status: ready
title: 保存个人资料名称
sources:
- type: task
ref: profile-save-name
platforms: [android, ios]
steps:
- id: open-profile
action: tap
target: {by: semantics, value: 个人资料}
- id: enter-name
action: enter_text
target: {by: key, value: profile_name_input}
value: Demo User
- id: save
action: tap
target: {by: semantics, value: 保存}
assertions:
- id: save-succeeded
condition: visible
target: {by: text, value: 保存成功}
teardown:
- id: close-profile
action: tap
target: {by: semantics, value: 关闭}
openQuestions: []version 固定为 1;revision 从 1 开始,行为内容变化时递增;id 和各条目 id 使用小写 kebab-case。status 只允许 draft、ready。sources 至少一个,type 只允许 task、product、prototype、figma、code。task Source 的 ref 使用稳定任务 slug,校验器同时查找活动与归档任务,不保存会随归档变化的任务路径;其他本地 Source 使用仓库相对路径。platforms 至少一个,只允许 android、ios。teardown 使用与 Step 相同的结构,无清理动作时显式写 []。ready 表示内容完整、没有待决问题且通过机器校验,不要求逐条人工 Review;draft 必须列出 openQuestions,由人补充决策后再继续。ready 必须有 Step 和 Assertion,且 openQuestions 为空。Step 的 action 只允许 tap、enter_text、scroll_until_visible、wait_for。Assertion 的 condition 只允许 visible、not_visible、text_equals、enabled、disabled。Target 的 by 只允许 key、semantics、text;禁止坐标和 Widget 层级索引。enter_text 必须提供字符串 value,text_equals 必须提供字符串 expected,等待覆盖使用正整数 timeoutMs。
Assertion 只验证用户可观察状态,不断言私有方法、Controller 字段或 Mock 调用顺序。
审计文件使用 Version 1 YAML:
version: 1
spec: docs/app-operator/specs/profile-save-name.spec.yaml
specId: profile-save-name
specRevision: 1
status: passed
implementationDigest: <sha256>
items:
- id: open-profile
status: covered
evidence: [app/packages/app_features/lib/feature_profile/routes.dart:18]
- id: enter-name
status: covered
evidence: [app/packages/app_features/lib/feature_profile/pages/profile_page.dart:42]
- id: save
status: covered
evidence: [app/packages/app_features/lib/feature_profile/pages/profile_page.dart:51]
- id: save-succeeded
status: covered
evidence: [app/packages/app_features/lib/feature_profile/pages/profile_page.dart:64]
- id: close-profile
status: covered
evidence: [app/packages/app_features/lib/feature_profile/pages/profile_page.dart:72]审计项必须逐一覆盖 Spec 中的 Step、Assertion 和 Teardown ID,状态只允许 covered、missing、wrong。covered、wrong 的证据必须是仓库内真实生产实现的 file:line,不得引用测试、文档、生成文件、仓库外路径或越界行号;missing 不得包含证据。passed 要求全部为 covered,并运行 bash scripts/dart-tool.sh run tool/implementation_digest.dart <证据文件路径...> 计算去重后全部证据文件的 implementationDigest;实现文件变化后旧审计自动失效。spec、specId 和 specRevision 必须与同目录 Spec 一致;修改 Spec 后必须重新审计。
每个由人实际选择并执行的平台单独生成 Version 1 YAML:
version: 1
spec: docs/app-operator/specs/profile-save-name.spec.yaml
audit: docs/app-operator/specs/profile-save-name.audit.yaml
specId: profile-save-name
specRevision: 1
implementationDigest: <与 Audit 一致的 sha256>
platform: android
status: passed
environment:
osVersion: Android 15
deviceKind: emulator
buildMode: debug
flutterVersion: 3.41.9
marionetteVersion: 0.6.0
items:
- id: open-profile
status: passed
evidence: []
- id: enter-name
status: passed
evidence: []
- id: save
status: passed
evidence: []
- id: save-succeeded
status: passed
evidence: []
- id: close-profile
status: passed
evidence: []报告必须逐一覆盖 Spec 的全部 ID,条目状态只允许 passed、failed、skipped;总体 passed 要求全部条目 passed。失败条目必须引用 docs/app-operator/evidence/<spec-id>/ 下的脱敏截图或日志。环境只记录平台复现所需的非敏感信息,不记录设备 ID、主机名、用户名、VM Service URI、账号或真实数据。只要求本次由人明确选择的平台生成报告;未选择的声明平台不影响普通任务状态。
/plan-spec 后,spec-writer 从事实来源生成或修改 Spec,运行 make spec-check;无待决问题时输出 ready。/execute-ui-spec 并选择平台后,spec-auditor 才审计 ready Spec,对照实现输出结构化审计,不修改 Spec 或实现。passed 后,execute-ui-spec 按 flutter-debug-runtime Skill 只为用户选择的平台构建、安装并启动 Debug App。app-operator 校验 Spec、审计和实现摘要一致,每次只执行一个用户明确选择的平台。Marionette 只操作 Flutter Widget Tree。系统权限弹窗等原生系统 UI 必须使用平台自动化,不得写成本 Schema 的 Step。Spec、审计和运行报告均不得记录凭据、VM Service URI、设备标识或真实用户数据。
© bladeofgod, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in .claude/skills/ui-behavior-spec of bladeofgod/flutter-ai-harness.
Open the folder on GitHubat commit 9f1a1ca
UI Behavior Spec next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| UI Behavior Spec this skillbladeofgod/flutter-ai-harness | 116 | — | ~1.4k | Automated safety check: Pass | MIT | |
| Sleek Design Mobile Appssleekdotdesign/agent-skills | 584 | — | ~2.1k | Automated safety check: Pass | MIT | |
| Tsh UI VerifyingTheSoftwareHouse/copilot-collections | 284 | — | ~7.8k | Automated safety check: Notes | MIT | |
| Apple Designvrcm-team/VRCM | 179 | 1 repos | ~6.2k | Automated safety check: Pass | MIT | |
| Jetpack Compose and Multiplatform Expertrcosteira79/android-skills | 151 | — | ~2.6k | Automated safety check: Pass | MIT | |
| macOS Golden Gate Designgithub/awesome-copilot | 40k | — | ~2.1k | Automated safety check: Pass | MIT |
sleekdotdesign/agent-skills
Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in React Native or HTML.
TheSoftwareHouse/copilot-collections
UI verification criteria, structure checklists, severity definitions, and tolerance rules for comparing implementations against Figma designs.
vrcm-team/VRCM
Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines (122 pages pulled from developer.apple.com, including 57 component pages) plus a design-craft lens for…
rcosteira79/android-skills
Guides writing correct, performant Compose and Compose Multiplatform UI across Android, desktop, iOS and web, from state and animation to design-to-code and crash fixes.
github/awesome-copilot
Design, implement, review, or refactor native macOS 27 Golden Gate interfaces in SwiftUI or AppKit.
software-mansion-labs/skills
Implement, migrate, design, review, and troubleshoot haptic feedback with Software Mansion Pulsar across React Native, iOS, Android, Kotlin Multiplatform, Flutter, and Web.
bladeofgod/flutter-ai-harness
适用:代码使用 GetxController、GetxService、Rx、Obx、GetBuilder、Get.find、Bindings 或 Worker。不适用:GetX 路由、Dialog、Snackbar,或 Controller 内隐式查找 API。触发词:GetX、Obx、.obs、Rx、Get.find、GetxService、Worker、Binding。
bladeofgod/flutter-ai-harness
适用:在 App Operator 或 Marionette 验证前,为 Android/iOS 构建、安装并启动 Flutter Debug App,获取 VM Service URI。不适用:Release 构建、签名配置、系统权限自动化、账号登录或测试数据准备。触发词:flutter run、Debug App、设备安装、VM Service URI、App Operator 前置环境。
bladeofgod/flutter-ai-harness
适用:编写或审查 Dart/Flutter 生产代码,尤其是 Controller、Service、Stream、异步任务和依赖注入。不适用:Kotlin、Swift 或生成代码规范。触发词:Dart、Controller、Service、StreamSubscription、unawaited、dynamic、DI、重构。
bladeofgod/flutter-ai-harness
适用:读取 Figma 或根据节点实现 Flutter UI,包括 Token 反查、Auto Layout、组件 Variant、Asset 和视觉验证。不适用:替代产品决策,或从像素推断设计稿不可见的数据行为。触发词:Figma URL、node-id、design-to-code、视觉还原、Auto Layout、design token。
bladeofgod/flutter-ai-harness
适用:新增 Route、Redirect、ShellRoute/StatefulShellRoute、DeepLink、路由参数、Observer 或 Route 级 Controller 装配。不适用:GetX 导航或没有明确兼容边界的任意 Navigator Stack。触发词:GoRouter、GoRoute、redirect、deep link、shell…
bladeofgod/flutter-ai-harness
适用:编写或审查 Android Kotlin Native Module、Bridge Adapter、Host 接线、Manifest、Gradle 和原生 UI。不适用:Swift/iOS、Dart Client 或 Wire Contract 设计。触发词:Kotlin、Android、Gradle、Manifest、Coroutine、Flow、CameraX、Activity。
Works with
Categories
适用:根据已批准任务、产品规则、原型或 Figma 输入生成、审计或执行 Version 1 UI 行为 Spec。不适用:替代产品决策、实现 UI、操作系统原生界面或探索未定义流程。触发词:UI Spec、行为契约、plan-spec、spec-writer、spec-auditor、app-operator、Marionette 验收。. UI Behavior Spec is an agent skill from bladeofgod/flutter-ai-harness.
UI Behavior Spec fits situations like: mobile work in your project.
Run `npx skills add bladeofgod/flutter-ai-harness --skill ui-behavior-spec -a claude-code`. Or copy the skill folder (.claude/skills/ui-behavior-spec in bladeofgod/flutter-ai-harness) into .claude/skills/ui-behavior-spec in your project. Claude Code loads it when a task matches its description.
Run `npx skills add bladeofgod/flutter-ai-harness --skill ui-behavior-spec -a codex`. Or copy the skill folder (.claude/skills/ui-behavior-spec in bladeofgod/flutter-ai-harness) into .agents/skills/ui-behavior-spec in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add bladeofgod/flutter-ai-harness --skill ui-behavior-spec -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ui-behavior-spec, .gemini/skills/ui-behavior-spec, .github/skills/ui-behavior-spec and .opencode/skills/ui-behavior-spec in your project.
Going by SKILL.md and its folder, UI Behavior Spec needs the command-line tools its instructions call (bash and make).
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
UI Behavior Spec is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.4k tokens (SKILL.md is roughly 5.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with UI Behavior Spec: Sleek Design Mobile Apps (sleekdotdesign/agent-skills, 584 stars), Tsh UI Verifying (TheSoftwareHouse/copilot-collections, 284 stars), Apple Design (vrcm-team/VRCM, 179 stars) and Jetpack Compose and Multiplatform Expert (rcosteira79/android-skills, 151 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
bladeofgod (a GitHub user) maintains it in bladeofgod/flutter-ai-harness, which has 116 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on September 7, 2026.
Source: bladeofgod/flutter-ai-harness on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.