ardot-generate-design skillA
ardot-generate-design is agent-read markdown (skill) from balabalabalading/huuuuuuho-skills: 在 Ardot 中从头构建完整页面、屏幕或多区块 UI 布局时，将此技能与 ardot-use 配合使用。 通过 6 步工作流程编排多个 MCP 工具：初始化 → 样式系统 → 变量 → 骨架 → 逐区块构建 → 验证。 触发条件："在 Ardot 中创建落地页"、"构建登录屏幕"、 "在 Ardot 中设计仪表板"、"制作设置页面"、"创建个人资料屏幕"、 "在 Ardot 中构建此页面"、"将此设计转换为 Ardot"。.
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
# 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 规则、变量绑定、注意事项
- `ardot-create-new-file` — 用于 create_new_page 用法
- `ardot-style-guide` — 用于 search_style_guide → build_style_guide 工作流程
---
## 必需工作流程（6 步）
### 第一步：初始化
获取目标页面类型的编辑器状态和设计指南。
```
fetch_editor_state(includeSchema: true)
fetch_guidelines(topic) // landing-page | web-app | mobile-app | slides | table
fetch_file_info // 检查写入权限
```
### 第二步：建立样式系统
如果尚不存在设计系统：
```
search_style_guide → build_style_guide （完整协议见 ardot-style-guide）
get_available_fonts （验证字体可用性）
```
如果文件中已存在设计系统：
```
fetch_variables （获取现有变量 ID 和值）
batch_read({parentId: "<ComponentsPage>"}) （发现现有可复用组件）
```
### 第三步：创建变量
将样式指南的设计令牌转换为 Ardot 变量：
```
apply_variables({
"Colors": {
"modes": ["Dark"],
"variables": {
…Read the whole file at its exact version.
How to install
mdr add balabalabalading/huuuuuuho-skills/ardot-generate-design@git:20260610.fe5ae6dmdr add balabalabalading/huuuuuuho-skills/ardot-generate-design@sha256:b3729f2b121beef9Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
[](https://markdownregistry.com/a/art_actzaaezutigkr6w)
1 badge views in 30 days
Versions
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260610.fe5ae6d latest | 2026-06-10 | fe5ae6d | 6,621 B | A | view · diff |
| git:20260520.0488b94 | 2026-05-20 | 0488b94 | 6,746 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (6621 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
balabalabalading/huuuuuuho-skills · 117 stars · license MIT · pushed 2026-09-22 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_actzaaezutigkr6w GET https://markdownregistry.com/api/v1/resolve?ref=balabalabalading/huuuuuuho-skills/ardot-generate-design GET https://markdownregistry.com/api/v1/blob/b3729f2b121beef9757dae87e891ea7b5f2abda6fcfa60a238fdd128051ed494
Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.