frontend-design
frontend-design 是一份面向前端界面创作的设计指南，强调做出有个性、生产级质量、避免“模板感”的界面。内容涵盖设计流程（目的、基调、约束、标志性元素）、字体排印、颜色系统、动效、空间构图、响应式策略、背景氛围、图片媒体与交互状态，并列出常见反模式。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-19 00:11
前端与建站
10,876 个结果
tanstack-vue-router-skilld
用于编写、调试或重构导入 @tanstack/vue-router 的 Vue 代码的技能资料，覆盖安装配置、文件式与代码式路由、组合式函数、组件、数据加载、搜索参数等要点。
syncfusion-aspnetcore-dropdowns
Syncfusion ASP.NET Core 下拉类 UI 组件（DropDownList、MultiSelect、AutoComplete、Mention、ComboBox、ListBox 等）的实现指南，包含数据绑定、筛选分组、模板、虚拟滚动、无障碍与本地化等说明，附 NuGet 包与 TagHelper 用法。
components
Tambo Components 是 Tambo（@tambo-ai/react）中用于创建和注册组件的机制，分为两类：生成式组件（generative）与可交互组件（interactable）。生成式组件由 AI 根据用户消息动态选择并渲染，适合聊天回复、仪表盘等一次性渲染场景；可交互组件由开发者预先放置在 UI 中，AI 可观察其当前 props 并通过自然语言更新，适合设置、表单、任务看板等需要跨会话持久存在的场景。组件通过 TamboProvider 注册，使用 Zod 定义 propsSchema，并借助 ComponentRenderer 在消息列表中渲染 AI 生成的组件。
svelte-frontend
面向 Windmill 前端目录的 Svelte 编码规范技能，要求在编写或修改 frontend/ 下代码时必须遵循，涵盖组件选用、品牌规范、样式与验证流程。
uniapp
本技能为 uni-app 的开发规范集合，面向 Vue 3、TypeScript、Wot UI 与 UnoCSS 技术栈，覆盖应用开发、重构与代码审查环节。规范内容涵盖命名约定（文件、变量、函数、Store、事件）、类型与接口（请求与响应类型、API 边界）、注释风格（TSDoc、TODO、编译指令）、样式方案（UnoCSS、BEM、SCSS、主题）、页面与布局（目录结构、分包、页面配置）、以及质量检查（表单、分页、会话、缓存、验收）。技能强调先核对安装版本、目标平台和改动范围，再按具体任务读取对应 reference；Wot v1 与 v2 不可混用，也不因执行规范而擅自升级依赖或添加插件。框架机制以所链接文档与安装版本为准，命名、注释与样式分工属于项目约定，已有明确仓库规范时优先遵循。规范仅作用于本次改动，不包含全仓改名，也不修改第三方或自动生成文件。适用于 Vue 页面开发，不直接用于 nvue 或 uni-app x。
web-animation-css-animations
CSS 动画模式与实现规范，涵盖 transitions、@keyframes、滚动驱动时间线、@property、合成器友好属性以及 prefers-reduced-motion 适配，帮助按场景选择正确路径并避免常见性能与无障碍陷阱。
arch-webext-vue
基于 Vitesse WebExt 模板的浏览器扩展开发技能，使用 Vue 3、Vite、TypeScript、UnoCSS 与 webext-bridge 构建 Chrome/Firefox 扩展，涵盖多入口构建、动态 manifest、跨上下文通信、存储、测试与打包发布。
component-engineering
面向 React 组件工程的规范技能，强调无障碍、组合与样式，用于构建专业、可组合的 React 组件。资料仅提供名称、来源与简短说明，未给出具体标准条文、安装命令或使用步骤。
cofounder-frontend-design
这是一个用于创建独特、生产级前端界面的技能，旨在帮助用户构建网页组件、页面或应用时，避免常见的“AI 味”设计，产出高质量、有明确美学方向的可用代码。该技能会先进行设计思考，确定界面的用途、受众、技术约束与差异化亮点，再选择一种鲜明概念方向（如极简、复古未来、编辑杂志风、工业实用风等）并精准执行。它涵盖字体、配色、动效、空间构图、间距节奏、背景纹理、明暗模式、交互反馈与 favicon 等细节指南，并强调用真实可运行代码实现（HTML/CSS/JS、React、Vue 等）。
artifacts-builder
Artifacts Builder 是一套用于创建复杂多组件 claude.ai HTML 成品的工具集，基于 React、Tailwind CSS 和 shadcn/ui 等现代前端技术，通过初始化、开发和打包脚本把代码合并为单个可分享的 HTML 文件。
tailwind
船小甲板好的 Tailwind CSS v4 最佳实践技能，围绕构建配置、CSS 生成、包体优化、工具类模式、组件架构、主题令牌、响应式与动画共 8 类 44 条规则，按影响优先级指导自动化重构与代码生成。
tanstack-vue-store-skilld
TanStack Store 的 Vue 适配包 @tanstack/vue-store 的技能资料，用于在 Vue 应用中以类型安全方式创建、读取和写入框架无关的状态存储，支持 hooks、派生 store、原子与批量更新。
sveltekit-structure
SvelteKit 项目结构指南，用于路由、布局、错误处理、SSR 与 svelte:boundary 等场景，涵盖文件命名、嵌套布局、错误边界与待处理状态。
syncfusion-aspnetcore-dashboard-layout
用于在 ASP.NET Core 中实现 Syncfusion Dashboard Layout 组件，创建基于网格、可拖拽、可调整大小且响应式的面板布局，适用于分析、销售等仪表盘场景。
syncfusion-aspnetcore-menu
用于在 ASP.NET Core 中实现 Syncfusion Menu 组件的技能，指导构建支持层级数据、图标、动画与事件处理的多级导航菜单，涵盖数据绑定、样式定制、RTL 与汉堡菜单等。
vercel-react-best-practices
来自 Vercel 工程的 React 与 Next.js 性能优化指南技能，包含 8 大类共 57 条按影响优先级排序的规则，用于在编写、审查或重构 React/Next.js 代码时指导自动化重构与代码生成。
web-framework-react
面向 React 组件开发的技能，覆盖组件架构、自定义 Hook 与 React 19 新模式。适用于构建或重构 React 组件、自定义 Hook、表单与异步 UI 时加载。
doc-extract
doc-extract 是一个无状态的文档转纯文本提取技能，支持 PDF、DOCX、XLSX、PPTX、RTF 及纯文本、Markdown、HTML。它读取输入文件后向标准输出打印 JSON，不写磁盘，适合处理含 PHI 的敏感文档。
nextjs
面向 Next.js 15+ App Router 的开发规范，涵盖 Server Components、Client Components、数据获取、布局与 Server Actions，用于指导按服务端优先架构编写页面、路由与接口。
cwicr-report-generator
CWICR Report Generator 是面向建筑成本估算的报告生成工具，可从 CWICR 计算结果生成执行摘要、分类明细、图表和行项目，并导出 HTML、Excel、JSON 等格式。
nuqs
nuqs 是面向 React / Next.js 的类型安全 URL 查询参数状态管理库参考，可作为 useState 的替代，将状态与 URL 查询参数同步，涵盖 useQueryState、useQueryStates、内置与自定义解析器、选项、服务端解析及工具函数等 API 说明。
mapcn
mapcn 是一套基于 MapLibre GL JS、面向 React + shadcn/ui 项目的复制粘贴式地图组件技能，用于安装、集成、定制和排查地图功能，默认使用免费 CARTO 瓦片且无需 API key。
arch-nuxt-lite
arch-nuxt-lite（Vitesse Lite）是一个轻量的 Vite + Vue 3 单页应用脚手架，采用基于文件的路由、UnoCSS、VueUse 与 Vitest，适合搭建或维护简单的纯客户端 Vue SPA，不包含 SSR、i18n、布局、SSG、PWA 与 Markdown 支持。