tuzi-markdown-to-html
tuzi-markdown-to-html 是一款将 Markdown 转换为带样式 HTML 的技能，使用内联 CSS，针对微信公众号等平台优化，支持代码高亮、数学公式、PlantUML、脚注、提示框和信息图。当用户要求“markdown to html”“md转html”“转换为html”时使用。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-18 00:12
前端与建站
10,842 个结果
uniapp-project
uni-app 组件与 API 集成指南技能，提供内置组件、uni-ui 组件及各类 API 的示例与参考文档，帮助开发者按官方模式构建跨平台应用。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的编排型技能，适用于构建 Web 组件、页面或应用。它通过路由到设计方向、CSS 实现、React/Vue 与 Rails/Hotwire 等专项技能，并配合设计令牌与校验清单来保证设计质量。
developing-preact
面向 Preact 开发的专业技能，主打原生优先架构与最小依赖：优先使用 ES 模块、Import Maps、Web Components、原生表单校验、Fetch API 等 Web 标准，默认零构建方案。适用于 Preact 项目、数据可视化、单页应用、WebGL 可视化、Web Components 集成与渐进式 Web 应用。
vercel-skills
Vercel 官方技能集合，包含网页设计规范审查、组件构建、React/Next.js 性能优化与组件组合模式四项技能，用于 UI 代码审查与架构指导。
frontend-performance
frontend-performance 是一个用于诊断和修复 Next.js 应用前端性能问题的技能，涵盖 Lighthouse 诊断、打包体积分析、常见优化修复与性能指标目标。
mobile-checkout
Dodo Payments 移动端应用内结账技能，支持 React Native、Flutter、原生 iOS 与 Android，通过 SFSafariViewController 或 Chrome Custom Tabs 打开托管结账页。核心原则是后端创建会话、移动端打开 URL，支付结果须服务端验证。
modern-css
Modern CSS 是一套面向现代 CSS 编写、重构与审查的规则集，要求代理和开发者一致地使用 @layer、@scope、嵌套、范围查询、流相对布局、容器单位、clamp() 流体排版、oklch() 颜色、light-dark()、相对颜色、prefers-reduced-motion 等特性，并由 stylelint-config-modern 强制可检查的部分。
web-prototype-taste-brutalist
工业粗野主义网页原型技能，采用瑞士印刷风格：未漂白新闻纸底色、碳黑油墨、单一警示红点缀，标题用重型新怪诞体并做溢出视口的超大字号，配合 hairline 网格分隔与等宽字体元数据，适合编辑、报纸、宣言与机构作品集类网页原型。
format-storybook
用于整理和规范 Storybook 文件结构的技能，基于 Cassondra Roberts 的可扩展 Storybook 格式模式，通过 npx skills add 安装，覆盖文件结构、模板复用、控件与参数、视觉回归、CSF 3.0 约定和 MDX 文档。
bootstrap-v6-install
用于在项目中安装并配置 Bootstrap 6 的技能，提供 CDN 与 npm 两条安装路径，涵盖 CSS、JavaScript 引入及验证步骤，适合新项目或已有项目快速接入 Bootstrap 6。
vercel-react-best-practices
来自 Vercel Engineering 的 React 与 Next.js 性能优化指南技能，包含 8 大类共 58 条规则，按影响程度排序，用于在编写、审查或重构 React/Next.js 代码时指导自动化重构与代码生成。
vue-best-practices
面向 Vue.js 应用的性能优化规则集，依据 Vue 3.5+ 官方文档整理，含 5 大类共 18 条按影响优先级排序的规则，用于指导编写、审查与重构 Vue 代码。
21st-ui
21st.dev 是一个收录超过 10,000 个可用于生产环境的 React/Tailwind（兼容 shadcn）组件的市场，并提供 AI UI 生成能力。本技能用于驱动 21st MCP 服务器，帮助用户查找、安装和生成 UI 组件。当用户要求添加或构建 UI 元素（如定价表、英雄区、导航栏、仪表盘、表单等）、需要设计选项或灵感、需要 JSX/TSX 格式的公司 Logo，或希望根据描述生成全新 UI 时使用。默认工作流是优先从真实目录中搜索并安装现有组件，而非从零编写；只有在目录中没有合适组件或用户明确要求自定义 UI 时，才在 AI 生成功能已启用的前提下进行生成。免费层允许目录搜索和每天 2 次组件安装，付费组件需解锁后才能获取代码。
search-registry-items
用于按关键词检索 shadcn registry 目录条目的技能，通过 MCP 工具 search_registry_items 做名称与描述全文搜索，返回 registry 命名空间与 addCommandArgument，便于安装、比较 registry 或 add 前核实。
aquila
Aquila（Angular Brand Kit，原 Angular NDBX）是 Allianz 面向 Angular 的开源设计系统组件库，基于现代 Angular（v19+）模式，提供表单、导航、表格、反馈、布局等组件，用于构建符合品牌规范的 Angular 界面。
frontend-design
frontend-design 是一套用于设计和构建美观网页界面的实用方法，强调视觉与体验而非框架工具。适用于构建 Web 应用、网站、落地页或 HTML 页面时参考。
godot-ui
面向 Godot 4.3+ 的 UI 开发技能，讲解 Control 节点、主题、锚点、容器与布局模式，含 GDScript 与 C# 示例及 4.7 变更说明。
angular-query
TanStack Query（Angular Query）5.x 的 Angular 服务端状态管理技能，涵盖数据获取、缓存、变更与开发工具集成，基于 Signal 的 API。
react-19-component-scaffolder
用于按参数化模板生成 React 19 / 19.2 TypeScript 代码的技能，可脚手架化组件、Server Component 页面、客户端孤岛、表单动作、Context 提供器、自定义 Hook、reducer 与文档元数据文件，并强制遵循相关 react 技能约定的写法。
localization-engineer
本地化工程师技能：面向多语言应用的国际化（i18n）与本地化（l10n）专家技能，覆盖多语言文案、日期时间与数字货币格式化、RTL 支持、翻译管理、语言检测与切换，以及基于 next-intl 的 Next.js 国际化接入方式。
react
面向 React 开发的技能，覆盖组件、JSX、props、state、Hooks、Context、性能优化与最佳实践，可用于构建 UI、管理状态与生命周期、配置 Vite/CRA、路由、状态库及构建优化。
artifacts-builder
用于构建多组件 claude.ai HTML artifact 的技能，基于 React、Tailwind 与共享 UI 组件，适合需要状态管理的复杂 artifact，而非简单单文件页面。
react-state-machines
基于 XState v5 与 actor 模型构建可复用 React 状态机的技能，用显式状态、转移和事件建模 UI 行为，避免布尔标志爆炸与非法状态组合。