Home / ximo888ok-netizen / ximo-agent · GitHub

web-prototype SKILL.md skillA

web-prototype from ximo888ok-netizen/ximo-agent is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned

mdr add ximo888ok-netizen/ximo-agent/web-prototype@git:20260730.d070002

Pins git:20260730.d070002 in mdr.lock. Pin the fingerprint instead.

Audit grade: A, 17 of 17 checks passed
Kind: SKILL.md skill
Repository: ximo888ok-netizen/ximo-agent
Path: src/main/tools/Design/templates/web-prototype/SKILL.md
Versions recorded: 1
Latest version: git:20260730.d070002, committed Jul 30, 2026
Size: 4,027 bytes
Repository stars: 27
License: MulanPSL-2.0

通用桌面 Web 原型。单文件自包含 HTML，通过复制种子 assets/template.html 并粘贴 references/layouts.md 中的区块布局来构建。适用于着陆页、营销页、文档页、SaaS 页面等任何桌面 Web 页面原型。.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Web 原型模板

使用内置种子文件和布局库生成单文件自包含 HTML 原型 —— **不是从零写 CSS**。种子已编码良好的默认值（排版、间距、强调色预算）。你的任务是组合它们。

## 资源地图

```
web-prototype/
├── SKILL.md                ← 你正在阅读的文件
├── assets/
│   └── template.html       ← 种子：设计令牌 + 类系统 + 页面框架（先读这个）
└── references/
    ├── layouts.md          ← 8 个可直接粘贴的区块骨架
    └── checklist.md        ← P0/P1/P2 自检清单
```

## 工作流程

### 步骤 0 — 预检（写任何东西之前先做一次）

1. **通读 `assets/template.html`** —— 至少读完 `<style>` 块。`references/layouts.md` 顶部的类清单列出了必须在此定义的每个类；如果缺少某个类，在 `<style>` 中添加它，而不是在每个区块上内联定义。
2. **阅读 `references/layouts.md`** 了解有哪些区块骨架。不要写未覆盖的区块类型 —— 选最接近的布局并适配。
3. **确定设计令牌** —— 将用户需求的颜色映射到种子的六个 `:root` 变量；不要引入新令牌。

### 步骤 1 — 从种子准备 index.html

使用 `assets/template.html` 作为规范项目文件（通常是 `index.html`）的种子。

将六个 `:root` 变量替换为当前设计系统的令牌。替换页面 `<title>` 和顶部导航的品牌名。

### 步骤 2 — 规划区块列表

**先选布局再写文案。** 默认节奏（来自 `layouts.md`）：

| 页面类型 | 默认节奏 |
|---|---|
| 着陆页 | 1 hero → 3 features → 4 stats 或 5 quote → 自定义分栏 → 6 cta |
| 营销/编辑 | 1 hero-center → 7 log list → 6 cta |
| 定价页 | 1 hero-center → 8 comparison table → 6 cta |
| 文档索引 | 1 hero-center → 7 log list（文档分节）→ 6 cta |

在写之前用一句话向用户说明选择的列表 —— 他们现在可以低成本调整，而不是在 200 行 HTML 之后。

### 步骤 3 — 粘贴并填充
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint

mdr add ximo888ok-netizen/ximo-agent/web-prototype@sha256:85f5682f3df8894a

The line at the top of this page pins the label git:20260730.d070002, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

[![mdr](https://markdownregistry.com/badge/art_vf2mvxhdgjdculyf.svg)](https://markdownregistry.com/a/art_vf2mvxhdgjdculyf)

1 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Jul 30, 2026.

version	committed	commit	size	audit
git:20260730.d070002 latest	2026-07-30	d070002	4,027 B	A	view

Audit of the latest version

A 17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.

pass: Frontmatter block present
pass: Frontmatter declares a name
pass: Frontmatter declares a description
pass: Size between 200 bytes and 200 KB (4027 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

GitHub

ximo888ok-netizen/ximo-agent · 27 stars · license MulanPSL-2.0 · pushed 2026-10-09 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_vf2mvxhdgjdculyf
GET https://markdownregistry.com/api/v1/resolve?ref=ximo888ok-netizen/ximo-agent/web-prototype
GET https://markdownregistry.com/api/v1/blob/85f5682f3df8894a64f65ab4ca535b47e3e8f60518e3cf290bc1058bec909e69

Your AI assistant 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.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.