gemini-cli-uiux
使用 Gemini CLI 执行 UI/UX 设计与实现任务。适用于需要调用 Gemini CLI、基于本地文档路径读取长上下文、并将结果直接写入项目文件的场景。
Skill by liuqiao666
Chalk Labs
Need help deploying gemini-cli-uiux?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/liuqiao666-gemini-cli-uiux
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/gemini-cli-uiux
What's inside
- Skill name
gemini-cli-uiux- Description
- 使用 Gemini CLI 执行 UI/UX 设计与实现任务。适用于需要调用 Gemini CLI、基于本地文档路径读取长上下文、并将结果直接写入项目文件的场景。
- License
- Apache-2.0
- Instructions
- 45 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Gemini CLI UI/UX 执行约束 本技能用于把“已明确的需求与设计约束”通过 **Gemini CLI** 交付为可落地的 UI/UX 方案与代码变更。 ## 1) 必须使用 Gemini CLI（硬门槛） - 执行 UI/UX 设计与实现任务时，必须通过 Gemini CLI 完成，不要退化为普通聊天生成。 - 若 Gemini CLI 不可用（命令不存在、权限受限、执行失败或无法完成任务），必须立即停止继续实现，并先明确告知用户当前阻塞原因。 ## 2) 模型选择与回退策略（必须明确） 优先模型链（从高到低）： 1. `pro` 2. `auto` 执行时应尽量显式指定模型，例如： ```bash gemini -m pro -p "<YOUR_PROMPT>" ``` 如果当前 Gemini CLI 版本不支持 `-m` 或运行时被平台策略限制无法选模： - 继续使用默认模型完成交付（不要中断流程） - 在最终回复里说明：本次无法指定模型、实际使用方式（默认/平台托管）以及原因 ## 3) 长上下文用本地路径读取（降低粘贴噪音） - 当需求文档、规范文档或上下文较长时，优先在指令中提供本地文件路径，让 Gemini CLI 读取文件。 - 不要把大段文档正文直接粘贴到会话中。 ## 4) 交付方式：直接改代码，回复只给摘要 - 不要把完整代码块作为聊天回复返回。 - 直接将产出写入目标文件，然后仅回复必要摘要与结果。 ## 5) 最终回复格式（固定） - 只保留以下内容： - 已写入/更新的文件清单 - 每个文件的关键变更点（简要） - 仍待用户确认的问题（如有）
From liuqiao666/ProtoFlow, Apache-2.0.
More from liuqiao666/ProtoFlow
- 0.434score
design-bid-proposals
liuqiao666
默认生成 3 个可直接落地的设计比稿方向；如果用户明确要求 2 个、5 个或其他数量，必须按用户要求生成。该技能只负责比稿规则、分案策略和 prompt 约束，不提供独立脚本。实际执行时沿用现有 Gemini CLI 方式：先写 prompt 文件，再逐次调用 Gemini 完成规划轮、单方案轮和汇总轮。
SkillDFreshness: D★ 1Claude Code +9 - 0.434score
genie-editor-cli-workflow
liuqiao666
通过 @axhub/genie CLI 发现在线 frontend-page、读取 Genie 编辑器待处理节点、导出上下文图片或节点截图、设置节点编辑状态并完成网页或文本标注相关修改的完整闭环流程；当用户要求根据 Genie editor 待办修网页、批量处理 pending-dispatch…
SkillDFreshness: D★ 1Claude Code +9 - 0.431score
design-review
liuqiao666
对原型和组件进行设计规范一致性审查，识别违规元素并建议将新增设计模式纳入主题。在需要检查设计质量、规范合规性或识别可复用设计模式时使用。
SkillDFreshness: D★ 1Claude Code +9 - 0.431score
create-workflow
liuqiao666
Axhub Make 创建内容入口；当用户要创建原型/组件、文档、主题或数据表时，根据提示词分流到对应引用文档，并按需渐进式加载。
SkillDFreshness: D★ 1Claude Code +9 - 0.429score
pencil-sync-after-prototype-workflow
liuqiao666
在本项目新建或重构 `src/prototypes/*`、`src/components/*` 时，执行“先按既有流程完成原型，再 1:1 创建 Pencil 文件，并强制后续同步”的编排约束；当需要为已完成原型补齐 Pencil 设计稿或维护代码与设计双向同步时使用。
SkillDFreshness: D★ 1Claude Code +9 - 0.429score
ant-design
liuqiao666
Single-file decision guide for antd 6.x, Ant Design Pro 5/ProComponents, and Ant Design X v2.
SkillDFreshness: D★ 1Claude Code +9 - 0.428score
skills-management
liuqiao666
Axhub Make 技能管理入口，用于维护项目技能清单、技能分类与技能文档，并在修改前执行备份。
SkillDFreshness: D★ 1Claude Code +9 - 0.426score
figma-make-project-converter
liuqiao666
将 Figma Make 导出的 Vite + React 项目转换为本项目页面组件或主题的流程规范；在处理 @/ 路径、package@version 别名、globals.css 样式迁移与主题提取时使用。
SkillDFreshness: D★ 1Claude Code +9 - 0.426score
axure-prototype-workflow
liuqiao666
使用本项目MCP 提取 Axure 原型资产、生成主题/数据/文档、还原页面与生成业务文档的流程规范；当用户提供 Axure 原型链接或提出资产提取、原型还原、主题/数据模型/文档生成、交互引导需求时使用。
SkillDFreshness: D★ 1Claude Code +9 - 0.426score
screenshot-page-workflow
liuqiao666
基于网页或 App 截图进行视觉分析与原型还原的流程规范；在需要截图识别、资产提取（功能/交互/业务分析）、页面代码生成与验收时使用。
SkillDFreshness: D★ 1Claude Code +9 - 0.426score
ai-studio-project-converter
liuqiao666
将 Google AI Studio 生成的 React 项目转换为本项目页面组件的流程规范；在处理 Import Map、样式迁移、依赖安装、环境变量与验收时使用。
SkillDFreshness: D★ 1Claude Code +9 - 0.426score
axure-export-workflow
liuqiao666
在“导出到 Axure”前的代码检查失败场景下，按固定流程修复规范问题并完成 Axure 模式注释标识；当用户要求修复导出检测错误、补齐 @mode axure、补充 Skill 参考路径时使用。
SkillDFreshness: D★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 1
- Open issues
- 0
- Last commit (this folder)
- Apr 9, 2026 (6 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- Apache-2.0
- Repository
- github.com/liuqiao666/ProtoFlow
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
More from liuqiao666
- 0.434score
design-bid-proposals
liuqiao666
默认生成 3 个可直接落地的设计比稿方向；如果用户明确要求 2 个、5 个或其他数量，必须按用户要求生成。该技能只负责比稿规则、分案策略和 prompt 约束，不提供独立脚本。实际执行时沿用现有 Gemini CLI 方式：先写 prompt 文件，再逐次调用 Gemini 完成规划轮、单方案轮和汇总轮。
SkillDFreshness: D★ 1Claude Code +9 - 0.434score
genie-editor-cli-workflow
liuqiao666
通过 @axhub/genie CLI 发现在线 frontend-page、读取 Genie 编辑器待处理节点、导出上下文图片或节点截图、设置节点编辑状态并完成网页或文本标注相关修改的完整闭环流程；当用户要求根据 Genie editor 待办修网页、批量处理 pending-dispatch…
SkillDFreshness: D★ 1Claude Code +9 - 0.431score
design-review
liuqiao666
对原型和组件进行设计规范一致性审查，识别违规元素并建议将新增设计模式纳入主题。在需要检查设计质量、规范合规性或识别可复用设计模式时使用。
SkillDFreshness: D★ 1Claude Code +9 - 0.431score
create-workflow
liuqiao666
Axhub Make 创建内容入口；当用户要创建原型/组件、文档、主题或数据表时，根据提示词分流到对应引用文档，并按需渐进式加载。
SkillDFreshness: D★ 1Claude Code +9 - 0.429score
ant-design
liuqiao666
Single-file decision guide for antd 6.x, Ant Design Pro 5/ProComponents, and Ant Design X v2.
SkillDFreshness: D★ 1Claude Code +9 - 0.429score
pencil-sync-after-prototype-workflow
liuqiao666
在本项目新建或重构 `src/prototypes/*`、`src/components/*` 时，执行“先按既有流程完成原型，再 1:1 创建 Pencil 文件，并强制后续同步”的编排约束；当需要为已完成原型补齐 Pencil 设计稿或维护代码与设计双向同步时使用。
SkillDFreshness: D★ 1Claude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get gemini-cli-uiux running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
gemini-cli-uiux skill. Agent Mart. https://agentmart.dev/skills/liuqiao666-gemini-cli-uiux (last updated 2026-10-24)