chat-ui
chat-ui 是来自 ui.inference.sh 的 React/Next.js 聊天界面构建组件集，提供聊天容器、消息气泡、输入框、打字指示器和头像等基础模块。组件基于 Tailwind CSS 与 shadcn/ui 设计令牌，可通过 shadcn CLI 一键安装，适合快速搭建 AI 对话界面。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
前端与建站
11,197 个结果
graphify
graphify 是一个把任意文件夹（代码、文档、论文、图片、音视频）转换为可导航知识图谱的技能：带社区检测、可审计的边标注，并输出交互式 HTML、GraphRAG 可用 JSON 与 GRAPH_REPORT.md 报告。
vercel-react-best-practices
Vercel React Best Practices 是由 Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能，用于编写、审查或重构 React/Next.js 代码时参考。该技能包含按影响程度排序的 8 大类共 70 条规则，覆盖消除异步瀑布、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能以及高级模式。每条规则以独立文件形式提供，包含问题说明、错误代码示例与正确代码示例，可用于指导自动化重构与代码生成。
rn-button-component
React Native 统一 Button 组件使用指南，说明其属性、按钮状态、图标配置、玻璃效果与状态管理方式，用于创建或修改按钮时保持组件一致性。
nextjs-performance
针对 Next.js 应用的性能审计与优化技能，覆盖 SSR/SSG/ISR 渲染策略决策、图片与字体优化、路由段缓存配置以及打包体积分析，在用户询问 Next.js 性能、缓存或渲染策略时使用。
el-menu
Element Plus 的 el-menu 菜单组件技能，用于创建网站导航菜单，支持水平与垂直模式、可折叠侧边栏、多级子菜单与菜单分组，并可与 Vue Router 集成实现路由跳转。
el-pagination
Element Plus 的分页组件，用于将大量数据分页展示。支持页码与每页条数双向绑定、自定义布局、背景色、尺寸、图标与文案，并可搭配表格完成服务端分页取数。
element-plus-design-overview
Element Plus 组件总览技能，按类别整理 Element Plus 的全部组件，供开发者快速查阅。内容涵盖基础组件、表单组件、数据展示组件、导航组件、反馈组件、布局组件和工具组件，并附设计资源（边框、颜色、布局、排版）与相关技能导航。适用于探索可用组件、快速组件参考、理解组件分类以及规划 UI 实现等场景。
element-plus-quickstart
用于在 Vue 3 项目中安装、导入和配置 Element Plus 的技能，覆盖 npm/yarn/pnpm 安装、CDN 引入、完整导入与按需导入、Vite/Webpack/Nuxt 集成、全局配置及常见问题排查。
element-plus-theming
用于定制 Element Plus 主题的技能，支持通过 SCSS 变量或 CSS 变量修改主题色、覆盖组件样式并创建自定义主题，适用于 Vite、Webpack 等构建工具下的全局或按需引入场景。
frontend-design
frontend-design 是一个前端设计技能，用于把模糊的 UI 风格需求转化为可执行、生产级的前端代码。它通过系统化设计令牌保证视觉一致性、无障碍合规与可维护性，同时强调大胆的创意方向，避免千篇一律的 AI 风格界面。
vite
Vite 是面向现代 Web 开发的快速构建工具，基于原生 ES 模块并提供热更新（HMR）。本技能用于配置 Vite、搭建开发服务器、使用插件与环境变量、优化构建性能与包体积。
qiaomu-word-card
乔木词卡工具，可将中文词、英文词、成语、双语术语或短句引语生成复古纸张质感的词语卡片/词典风海报。它自动识别输入类型并组装内容区块，生成 HTML 后用 Playwright 截图输出 PNG，适合分享到微信、X、小红书。
frontend-design
frontend-design 是一套用于打造独特、生产级前端界面的技能，提供设计审计与生成能力，包含基于 Deno 的 TypeScript 脚本，可分析现有样式、提取设计令牌，并生成配色、字体系统、令牌与组件，避免千篇一律的 AI 风格美学。
evoweb-ai
EvoWeb 是一个 AI 建站工具，可根据自然语言描述自动生成完整的现代响应式网站，输出 HTML、CSS、JavaScript 及内容，通常在约 2-5 分钟内生成一个可访问的线上站点。它适合快速搭建落地页、作品集、在线商店、博客和企业官网等。EvoWeb 提供 HTTPS REST API，基础地址为 https://api.web.oto.dev/openapi/api/v1，通过请求头 Access-Token 传递从 https://evoweb.ai/ 获取的 API Key 进行鉴权。主要接口包括：POST /sites 创建建站任务并返回 site_id；GET /sites/{site_id} 轮询生成状态（queued、building、ready、failed）；POST /sites/{site_id}/remake 重试失败的生成。生成完成后返回线上网址 url 与编辑器链接 editor_url。每次生成消耗账户积分，具体价格以官网为准。
web-bundling
Web Bundling 是一个用于将 Web 应用打包成单个 HTML 文件以便分发的技能。它的主要用途是生成自包含（self-contained）的 HTML 产物，适合需要以单文件形式分享或部署的游戏、demo、原型和作品集。该技能支持将 React 18 + TypeScript + Vite + Parcel + Tailwind CSS 等技术栈构建的项目，通过 npm run build、npx parcel build 和 npx html-inline 等命令将 CSS、JS、图片、字体、音频等资源内联进单个 HTML 文件中，从而实现无外部 CDN 依赖、可离线运行。技能文档同时提供游戏分发清单（如移动端触控支持、safe-area 适配、文件体积优化、控制台无报错）以及部署路径建议（Telegram Mini App、itch.io、GitHub Pages、CrazyGames/Poki）。此外还给出打包体积与外部依赖的约束规则。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
web-screenshot
web-screenshot 是一个网页截图技能，基于 shot-scraper（Playwright 命令行工具）实现。它提供工具选择级联与反爬升级策略，支持视口、整页、元素截图，批量 YAML 捕获，以及等待策略与稳定性设置，并强调安装前需征得用户同意。
obsidian-arrow-css
obsidian-arrow-css 是一份面向 Obsidian 插件的样式编写指南，讲解如何用最少的自定义 CSS 让 Arrow.js 组件看起来原生。资料说明其决策顺序：优先用 Obsidian 语义类，其次用 oas-* 工具类，最后才写作用域受限的自定义 CSS，并要求使用 Obsidian 令牌变量。
animejs
anime.js v4 是一个快速、轻量的 JavaScript 动画库，采用模块化 ESM 设计。可通过 animate、createTimeline、stagger、svg、utils 等命名导入为 DOM 元素、CSS、SVG 和 JS 对象添加动画，支持时间线、交错、滚动触发、拖拽与弹簧物理等效果。
web-section-recreation-spec
Web section recreation spec 是一个用于规划、设计或实现网站区块的工作流技能，要求以 references/cases.md 中选定的单个锚点案例为依据，先建立保留/替换/避免的参考契约，再产出区块规格、组件与交互说明及验证清单。
dspy-react
dspy.ReAct 是 DSPy 中用于构建工具调用智能体的模块，实现“推理—行动—观察”循环：智能体逐步思考、按需调用工具、读取结果并重复，直到给出答案。适合需要外部搜索、API、数据库查询的多步任务。
ai-studio-project-converter
将 Google AI Studio 生成的 React 项目转换为本项目页面组件的流程规范，用于处理 Import Map、样式迁移、依赖安装、环境变量与验收。
lov-oh-my-landingpage
LovStudio 的付费 Skill，用于从产品与品牌事实出发推导定位、叙事与视觉，并完成 Landing Page 实现、响应式与生产回读，适合创建官网、品牌官网重构或产品价值不清的情形。