L1 Ai Design Review logo

L1 Ai Design Review

Community
PaperMoonuu
l1-ai-design-review

L1 × AI 设计评审:对已完成的单页、局部 UI 设计稿进行小型迭代评审,识别影响面、状态遗漏、文案与一致性风险,并给出 P0/P1/P2 建议和验收清单。用户提供 Figma 链接、截图、前后设计稿或可评审原型,并要求设计走查、风险评审或开发前 UI 检查时使用;不用于设计前方案预检、完整多页面流程或 L2 开发交付。

Overview

PublisherPaperMoonuu
RepositoryDesign-workflow-skills
Skill namel1-ai-design-review
Stars
250
Forks
2
Bundled files
1
Links
  • Markdown instructions

    A SKILL.md file the model loads on demand, so it only costs tokens when a request actually matches.

  • Works with any LLM

    AI skills are plain Markdown, not provider-specific code, so this works with GPT, Claude, Gemini, Grok, or a local model.

  • 1 bundled files

    Scripts, templates, and references the model can read while it works. Files are read-only and never executed.

  • Open source

    Published by PaperMoonuu on GitHub. Read the source before you install it.

Installation

Install the L1 Ai Design Review AI skill in TypingMind to use it with any LLM, or drop it into another agent that reads SKILL.md.

1

Install in TypingMind

TypingMind installs a skill straight from its GitHub folder — it reads SKILL.md, bundles the resource files, and stores the result locally.

  1. Open the app and go to Plugins → Skills.
  2. Choose "Install from GitHub".
  3. Paste the skill folder URL below and confirm.
    https://github.com/PaperMoonuu/Design-workflow-skills/tree/UI-Workflow-skills/l1-ai-design-review
  4. Enable the skill in any chat where you want it available.
Plugins → Skills → Add skill → From GitHub URL, then paste the folder URL and press Continue.
2

Install in another agent

Any agent that reads the Agent Skills format can use this skill — copy the folder into that agent's skills directory.

Claude Code — .claude/skills
git clone --depth 1 https://github.com/PaperMoonuu/Design-workflow-skills.git /tmp/Design-workflow-skills
mkdir -p .claude/skills
cp -r /tmp/Design-workflow-skills/l1-ai-design-review .claude/skills/l1-ai-design-review
Restart Claude Code after copying so it picks up the new skill.

Use it in TypingMind

Enable L1 Ai Design Review in any TypingMind chat and the model takes it from there. Its name and description sit in the system prompt, and the moment a request matches, the model loads the full instructions itself — you never invoke it by hand, and it costs no tokens until it is actually used.

The model loads L1 Ai Design Review on its own as soon as a request matches it.

Works with any AI model

AI skills are plain Markdown instructions rather than provider-specific code, so L1 Ai Design Review is not tied to the model it was written for. Install it once in TypingMind and use it with GPT-5, Claude, Gemini, Grok, DeepSeek, Mistral, Llama, or a local model you run yourself — all on your own API keys.

  • Loaded only when it is needed

    The system prompt carries just the name and description. The instructions are fetched on the first matching request, so an idle skill costs nothing.

  • Switch models mid-chat

    Because the skill is instructions rather than code, changing model does not break it — the next model reads the same SKILL.md.

Skill instructions

This is the SKILL.md content the model loads. Read it before installing — a skill is instructions your model will follow.

L1 × AI 设计评审

职责与边界

仅评审已经完成的单页局部 UI 改动,目标是在 15–30 分钟内给出可执行的设计风险与验收项。

  • 聚焦结构、层级、任务路径、文案、局部一致性和可见状态。
  • 不臆测接口、权限、埋点、审计或技术方案。
  • 命中 L2 信号时,完成可见的 L1 局部评审并标记移交;不得以 L1 结论代替 L2 评估。
  • 设计尚未完成时,说明不适用本 Skill,并转向设计前需求校准或交互方案预检。

输入与启动

要求用户提供以下最小输入:

  1. 已完成的设计稿、改动前后稿或可评审原型。
  2. 当前页面上下文。
  3. 改动说明与业务目标。

可补充设计系统、开发约束、用户反馈、上下游页面、字段 / 配置 / 状态规则。

输入不全时,先索取缺失的最小信息。用户仍要求继续时,只能输出“基于假设的初评”:逐项列出假设和待确认项,不得给出“可进入开发”结论。

评审步骤

  1. 确认设计阶段、页面数量和角色范围;判断是否符合单页局部 L1 改动。
  2. 分离可见事实、合理假设和待确认项;只将事实用于结论。
  3. 检查改动的影响面:页面结构与层级、任务路径、文案、局部组件和视觉一致性。
  4. 逐项枚举相关状态:默认、选择、禁用、加载、空、错误、成功、长内容和窄屏 / 溢出。
  5. 按模块类型补充检查:
    • 可写模块:可见的角色与生命周期提示、上传、提交、加载 / 失败、成功后的刷新或列表一致性。
    • 快捷提示词与输入插槽:默认 / 选中 / 关闭 / 溢出,空值 / 非法值 / 已填 / 取消 / 切换,以及提示词 ID、插槽值与最终 Query / 参数的一致性。
  6. 判定优先级、提出可执行修改建议,并生成可供设计、开发、测试共用的验收清单。

L2 升级规则

命中任一信号即标记“需 L2 移交”:权限或角色、生命周期或审计、上传与提交结果、接口字段或配置契约、多页面或多角色联动。

输出时写明:

  • 已完成的 L1 局部走查范围;
  • 触发升级的事实与尚缺的决策;
  • 建议移交给产品、开发或测试确认的事项。

不要扩展处理 L2 问题,也不要把它们降级为纯视觉建议。

默认输出

默认给出精简评审报告;发现 P0、存在明显高风险,或用户明确要求时,再展开完整状态分析。

markdown
## 结论
- 状态:可进入开发(仅 L1)/ 需修改后复审 / 已升级 L2 / 基于假设的初评
- 评审范围:
- 输入完整性:完整 / 缺少……

## 风险与建议
| 优先级 | 发现 | 可执行建议 | 需确认方 |
| --- | --- | --- | --- |
| P0 / P1 / P2 | | | |

## L2 移交(如适用)
- 触发信号:
- 需确认:

## 验收清单
- [ ]

## 人类判断点
- 

P0 表示阻塞进入开发或会导致关键任务失败;P1 表示应在本轮修订;P2 表示可排期优化。结论为“可进入开发(仅 L1)”时,仍须明确本次未覆盖的非 L1 范围。

功能、用法与场景

功能:将设计师的局部 UI 走查转成有优先级的风险、修改建议和可验收条目;同时防止权限、数据契约或跨页面规则被误判为 L1 问题。

调用示例:

  • 使用 $l1-ai-design-review 评审这个 Figma 页面新增的附言模块。
  • 使用 $l1-ai-design-review 对比改动前后截图,检查这个筛选条件的交互与状态。
  • 请用 $l1-ai-design-review 审查首页快捷提示词点击后出现输入插槽的设计稿。

适用场景:已完成设计稿后的字段、提示、筛选、局部模块、空 / 异常状态或单页交互改动;不适用场景:只有需求文档、未完成的方案、完整业务流程、跨页面 / 多角色专题,或需要直接产出开发规格。

持续验证

本 Skill 已基于两类真实案例发布:审批详情页附言模块,以及 OD 助手快捷提示词 / 输入插槽。后续以第 3 个不同类型的已完成 L1 改动继续校验边界稳定性;这不阻塞日常使用。

Bundled files

The model reads these on demand while the skill is loaded. They are exposed as readable files and are never executed.

Frequently asked questions

What does the L1 Ai Design Review AI skill do?

L1 × AI 设计评审:对已完成的单页、局部 UI 设计稿进行小型迭代评审,识别影响面、状态遗漏、文案与一致性风险,并给出 P0/P1/P2 建议和验收清单。用户提供 Figma 链接、截图、前后设计稿或可评审原型,并要求设计走查、风险评审或开发前 UI 检查时使用;不用于设计前方案预检、完整多页面流程或 L2 开发交付。

Why use L1 Ai Design Review on TypingMind?

Because you install it once and use it with any model. L1 Ai Design Review is plain Markdown rather than provider-specific code, so the same skill runs on GPT-5, Claude, Gemini, Grok, or a local model — and you can switch model mid-chat without it breaking. TypingMind runs on your own API keys, so you pay providers directly instead of a per-seat subscription, and your skills and chats stay in your own storage.

How do I install L1 Ai Design Review in TypingMind?

Open Plugins → Skills → Install from GitHub in TypingMind and paste https://github.com/PaperMoonuu/Design-workflow-skills/tree/UI-Workflow-skills/l1-ai-design-review. TypingMind reads its SKILL.md and bundles its files and installs it as a skill you can enable per chat.

Which AI models can use L1 Ai Design Review?

Any model you connect in TypingMind. AI skills are plain Markdown instructions rather than provider-specific code, so GPT, Claude, Gemini, Grok, and local models can all load this skill when a request matches it.

How many AI models can I use with L1 Ai Design Review?

As many as you like. As long as a model supports skills, you can use L1 Ai Design Review with it — GPT, Claude, Gemini, Grok, DeepSeek, Mistral, Llama and more — all on TypingMind with your own API keys.

Is the L1 Ai Design Review AI skill free?

It is published on GitHub by PaperMoonuu. Check the repository for licensing terms. You only pay your own AI provider for the tokens you use.

What are AI skills?

An AI skill is a reusable instruction bundle that teaches an AI model how to do one specific task. It follows the open Agent Skills format: a SKILL.md file with a name and description, plus any scripts, templates or reference files the model may need. The model reads the instructions only when your request matches the skill, so an installed skill costs nothing until it is used.

How are AI skills different from plugins or MCP servers?

A plugin or MCP server gives a model new tools to call — code that runs somewhere and returns a result. An AI skill gives the model knowledge and process instead: how to approach a task, which steps to follow, what good output looks like. Skills are plain Markdown, so they need no server, no API key and no runtime, and they work with any model.

View all

Set up your own AI workspace now

Get notified about new features and future giveaways by subscribing to our newsletter 👇