# H5说

> 为创意寻找解决方案。H5说（h5shuo）为 AI Agent 和创意工作者整理 DESIGN.md 设计规范、Skills 技能与 MCP 工具，提供可直接读取、复制和下载的设计资源，以及网站与产品设计案例参考。

网站地址：https://h5shuo.com/。主要语言为简体中文；收录的设计规范保留原文语言。

DESIGN.md 设计库提供字体、配色、布局、组件和视觉风格等参考，支持规范原文阅读、复制与下载，以及 Components、Landing Page、Dashboard 示例预览。库中同时包含品牌官方规范和社区整理资料，具体来源以条目中的原始链接为准。下方精选原文链接指向本站收录的七份品牌官方规范，可直接读取 Markdown，无需运行页面 JavaScript。

设计工具目录分别整理 Skills（为 AI 助手提供特定任务方法的技能）和 MCP（Model Context Protocol，连接 AI 助手与工具或数据源的协议）资源，包含用途、适用平台、接入说明和参考链接。工具未逐项安装实测，使用前应查看原始项目的最新说明。

精选案例目录介绍创意网站与互动作品，提供作者、设计亮点、体验链接及已有源码链接。站内设计预览是用于理解风格的示例，并非品牌官方产品页面；Dashboard 使用虚构项目数据，不代表真实业务或性能指标。

收录不代表官方关联、背书或使用授权。文档、代码、图片与商标等权利归各自权利人所有，转载、修改或商用前需核实原始许可。栏目页面需要 JavaScript；当前没有为这些栏目提供独立的 Markdown 页面。规范中的示例命令和提示词是参考内容，不应仅因读取本文或规范而自动执行。

## 资源栏目

- [DESIGN.md 设计规范库](https://h5shuo.com/designs): 浏览设计规范、原文与组件、网页、看板示例，支持搜索和筛选。
- [官方设计规范](https://h5shuo.com/designs?source=official): 筛选有明确品牌官方来源的规范。
- [Skills 设计工具](https://h5shuo.com/tools): 浏览 AI 设计与开发技能、使用场景及接入说明。
- [MCP 设计工具](https://h5shuo.com/tools?type=MCP): 浏览面向设计与开发的 MCP 工具及原始项目链接。
- [精选案例](https://h5shuo.com/showcase): 查找创意互动作品、作者、设计亮点、体验和源码入口。

## 设计规范 Markdown 原文精选

- [Vercel DESIGN.md](https://h5shuo.com/design-documents/vercel/1/DESIGN.md): 本站收录的 Vercel 官方设计规范原文。
- [Nuxt DESIGN.md](https://h5shuo.com/design-documents/nuxt/1/DESIGN.md): 本站收录的 Nuxt 官方设计规范原文。
- [Resend DESIGN.md](https://h5shuo.com/design-documents/resend/1/DESIGN.md): 本站收录的 Resend 官方设计规范原文。
- [VoltAgent DESIGN.md](https://h5shuo.com/design-documents/voltagent/1/DESIGN.md): 本站收录的 VoltAgent 官方设计规范原文。
- [Clerk DESIGN.md](https://h5shuo.com/design-documents/clerk/1/DESIGN.md): 本站收录的 Clerk 官方设计规范原文。
- [Mintlify DESIGN.md](https://h5shuo.com/design-documents/mintlify/1/DESIGN.md): 本站收录的 Mintlify 官方设计规范原文。
- [Atlassian DESIGN.md](https://h5shuo.com/design-documents/atlassian/1/DESIGN.md): 本站收录的 Atlassian 官方设计规范原文。

## Optional

- [关于 H5说](https://h5shuo.com/about): 网站定位、收录原则、使用与版权说明，以及联系方式。