web-design SKILL.md skillB
web-design from countbot-ai/countbot is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add countbot-ai/countbot/web-design@git:20260304.c40dbb2Pins git:20260304.c40dbb2 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- B, 16 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- countbot-ai/countbot
- Path
workspace/skills/web-design/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260304.c40dbb2, committed Mar 4, 2026
- Size
- 5,621 bytes
- Repository stars
- 784
- License
- MIT
网页设计与部署。生成精美的单页 HTML 网页（报告、落地页、数据可视化等），支持一键部署到 Cloudflare Pages。使用 Tailwind CSS + Chart.js + Font Awesome 技术栈。当用户要求制作网页、生成报告页面、创建落地页、数据可视化展示、部署网页到线上时使用。.
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
# 网页设计与部署 生成精美单页 HTML 并部署到 Cloudflare Pages。 ## 设计规范 ### 设计语言 根据用户需求自由设计，每次生成的页面应有独特的视觉风格，避免千篇一律。 设计约束： - 不使用紫色渐变配色 - 不使用 Emoji 表情符号，统一使用 Font Awesome 图标代替 - 布局：灵活运用 Tailwind CSS 的 Grid / Flex 布局，根据内容量和类型选择合适的排版 - 卡片组件：圆角、阴影、悬停动效等可根据风格调整 - 图标：使用 Font Awesome 6.x `<i class="fa-solid fa-xxx">` - 图表：使用 Chart.js，支持 bar / line / doughnut / radar / polarArea 等 - 响应式：确保移动端和桌面端都有良好的展示效果 ### 推荐在线资源（CDN） ```html <!-- 核心 --> <script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <!-- 动画 --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"> <script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script> <link rel="stylesheet" href="https://unpkg.com/aos@2.3.4/dist/aos.css"> <!-- 字体 --> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap"> <!-- 图表增强 --> …
Read the whole file at its exact version.
How to install
mdr add countbot-ai/countbot/web-design@sha256:46c88a51f673f6b8The line at the top of this page pins the label git:20260304.c40dbb2, 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.
[](https://markdownregistry.com/a/art_vvg4ih5elbvyavy2)
2 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Mar 4, 2026.
Audit of the latest version
- fail: No script tag (matched: <script)
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (5621 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
Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.
Source
countbot-ai/countbot · 784 stars · license MIT · pushed 2026-10-30 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_vvg4ih5elbvyavy2 GET https://markdownregistry.com/api/v1/resolve?ref=countbot-ai/countbot/web-design GET https://markdownregistry.com/api/v1/blob/46c88a51f673f6b8cc90552fc3c043201f68ccd0019e3fdf8766bde5e9b8a6c4
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.
More from countbot-ai/countbot
Every file in countbot-ai/countbot