SkillFeeder › 全部 Skill › 设计与视觉 › using-docs-kit
快速搭建专业文档站点,自动生成可交互的组件示例与 API 文档。
using-docs-kit
using-docs-kit 是 SkillFeeder 收录的Agent Skill,来自 GitHub 仓库 lobehub/lobe-icons,★ 2,692。快速搭建专业文档站点,自动生成可交互的组件示例与 API 文档。适合开源 UI 库维护者。场景是设计与视觉 · Figma/UI。能做的事包括用 index.mdx 前言生成 SEO 友好首页、通过 ?demo 导入和 <Demo> 组件嵌入实时演示、用 <Api> 标签自动提取并渲染组件 Props 文档。打开 GitHub 自行安装。
能做什么
- 用 index.mdx 前言生成 SEO 友好首页
- 通过 ?demo 导入和 <Demo> 组件嵌入实时演示
- 用 <Api> 标签自动提取并渲染组件 Props 文档
原文简介
Set up and author a documentation site with @lobehub/docs-kit (the `lobedocs` CLI, React Router + Vite static docs used by ui.lobehub.com). Covers consumer repo layout, docs.config.ts, package scripts, component doc pages (index.mdx frontmatter, `?demo` imports, <Demo>, <Api>), guide pages, home page, changelog, and the build-time validations that reject bad docs. Trigger on docs-kit, lobedocs, de
同场景推荐
- frontend-design所在仓库 anthropics/skills,仓库 ★ 192,256打造不落俗套的专属UI视觉方案,拒绝模板化默认样式。
- web-artifacts-builder所在仓库 anthropics/skills,仓库 ★ 192,256用 React + Tailwind + shadcn/ui 构建带状态和路由的 claude.ai 单文件 HTML 交互式前端产物
- frontend-ui-engineering所在仓库 addyosmani/agent-skills,仓库 ★ 115,110构建符合设计系统、无障碍、响应式的生产级前端界面
- apple-hig所在仓库 nexu-io/open-design,仓库 ★ 107,031生成符合苹果人机界面规范的跨平台设计文档与组件说明
- artifacts-builder所在仓库 nexu-io/open-design,仓库 ★ 107,031生成带交互组件的 Claude HTML 产物,含 React、Tailwind 和 shadcn/ui
- industrial-brutalist-ui所在仓库 nexu-io/open-design,仓库 ★ 107,031构建数据密集型仪表盘,呈现解密蓝图般的机械终端界面
- frontend-design所在仓库 bytedance/deer-flow,仓库 ★ 85,223生成高审美、可直接运行的前端界面,输出 index.html
- web-design-guidelines所在仓库 bytedance/deer-flow,仓库 ★ 85,223自动检查网页代码是否符合最新 Web 界面设计规范