Menu

Individual skill

ardot-generate-design

0upvotes

在 Ardot 中从头构建完整页面、屏幕或多区块 UI 布局时，将此技能与 ardot-use 配合使用。 通过 6 步工作流程编排多个 MCP 工具：初始化 → 样式系统 → 变量 → 骨架 → 逐区块构建 → 验证。 触发条件："在 Ardot 中创建落地页"、"构建登录屏幕"、 "在 Ardot 中设计仪表板"、"制作设置页面"、"创建个人资料屏幕"、 "在 Ardot 中构建此页面"、"将此设计转换为 Ardot"。

skills/Ardot-skills-nonofficial/ardot-generate-design/SKILL.md

Read pinned source

Source commit e2b6b5d15773d93cd06b69a364d6c4a1846c257e

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
Yes
Observed behavior
Instructions only
Last checked
Nov 11, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
118
Repository last updated
Sep 26, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# ardot-generate-design — 构建页面和屏幕

在 Ardot 中使用设计系统组件、变量和样式构建完整的页面、视图和多区块 UI 容器。不使用硬编码的十六进制/像素值。

## 技能边界

- 当交付物是**组合页面或屏幕**时使用此技能（登录页面、仪表板、设置面板、落地页等）
- 如果用户想要创建**可复用组件**，切换到 [ardot-generate-library](../ardot-generate-library/SKILL.md)
- 如果用户只想**查询样式指南**，直接使用 [ardot-style-guide](../ardot-style-guide/SKILL.md)

## 前置条件

**开始前必须加载：**
- `ardot-use` — 用于 batch_edit DSL 规则、变量绑定、注意事项
Back to top