dev-server
将 Vite 或 Next.js 应用连接到本地 Editframe runtime 与浏览器编辑器的开发服务器技能，支持镜像源码到 composition，并提供本地媒体路由、字幕转写与 URL 签名等高级能力。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-21 00:11
前端与建站
10,941 个结果
sync-construction-async-property-ui-render-gate-pattern
一种客户端初始化模式：让构造过程保持同步，把异步工作挂到对象的 whenSynced 属性上，从而支持模块直接导出、同步调用方法，并在 SvelteKit 中用一个渲染门控制就绪状态。
mantine-react-component-dev
用于基于 Mantine UI、TypeScript 与现代工具链开发 React 组件库的技能，覆盖组件工厂模式、样式 API、上下文、无障碍、测试与文档等开发规范。
site-content-catalog
Site Content Catalog 是一个用于抓取网站 sitemap 与博客索引、生成完整内容清单的技能。它列出每个页面的 URL、标题、发布日期、内容类型和主题聚类，并分析发布规律，可选深度分析重点页面。
add-session-recording
在 React 应用中通过 Temps SDK 添加隐私感知的会话录制与回放，基于 @temps-sdk/react-analytics（底层为 rrweb），可捕获用户交互供回放并支持遮挡与屏蔽。
video-to-landing-page
将视频转换为随滚动播放的影视级落地页：从源视频抽取帧，用户滚动时依次切换可见帧，形成 Apple 风格的 sticky 英雄区，下方配常规滚动文案与 CTA。适用于用户提供视频并要求生成落地页、滚动网站或 scroll-frame 英雄区的场景。
tanstack-query
TanStack Query（React Query）v5 是面向 React 的服务器状态管理库，提供 QueryClient 与 QueryClientProvider 配置、useQuery 数据查询、useMutation 变更操作、缓存与失效、乐观更新及 DevTools 调试等能力，要求 React 18+。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
mockup-prototype
用于生成、迭代并分享交互式 HTML 原型的技能，通过 Copilot CLI 完成端到端工作流，可部署到 GitHub Pages 或 Vercel 供他人查看。
toss-frontend-fundamentals
基于 Toss Frontend Fundamentals 的前端代码质量指南技能，在代码评审、新代码编写与重构时，按可读性、可预测性、内聚性、耦合度四项标准给出反馈。
tailwind-design-system
Tailwind Design System（v4）是一套面向 Tailwind CSS v4 的设计系统构建技能，涵盖 CSS-first 配置、设计令牌、组件变体、响应式模式与无障碍，用于创建组件库、统一 UI 模式及从 v3 迁移。
frontend-design
Frontend Design 是一套面向前端界面视觉设计的指导技能，强调在构建新 UI 或重塑现有界面时做出有辨识度、有意图的设计决策。它把设计者当作小型工作室的设计负责人，要求围绕具体主题做出明确的调色板、字体与布局选择，并承担一个可被论证的审美风险。内容涵盖：以主题本身的世界（材料、器物、行话）作为设计灵感来源；英雄区作为论点开场；字体承载页面个性；结构装置应编码真实信息而非装饰；有节制地使用动效；复杂度与愿景匹配；以及文案作为设计材料来对待。流程上主张先头脑风暴出包含颜色、字体、布局与标志性元素的设计方案，再对照需求自检是否落入通用默认风格，确认独特性后才写代码，并在构建中持续自我批判。
shadcn
shadcn/ui 是一个用于构建界面、组件与设计系统的框架，其组件通过 CLI 以源代码形式添加到用户项目中。该技能（Skill）用于管理 shadcn 组件与项目，涵盖添加、搜索、修复、调试、样式设置与组合 UI，也包括聊天界面。它提供项目上下文信息（如别名、是否为 RSC、Tailwind 版本、样式、基础库、图标库、路径、框架、包管理器、预设等），并强调组合而非重造、优先使用已有组件与内置变体、使用语义化颜色等原则。使用方式为基于项目包管理器运行 npx shadcn@latest（或 pnpm dlx、bunx --bun）命令，如 info、search、docs、view、add、apply、preset 等。适用场景包括初始化新项目、初始化已有项目、创建 monorepo 项目、创建设计系统应用、从 DESIGN.md 构建设计系统、更新组件、切换预设等。限制方面：不得臆测注册表，需用户明确指定；不使用 --overwrite 除非用户明确批准；不手动从 GitHub 获取原始文件；预设命令需在用户项目目录内运行。
near-dapp
用于构建 NEAR Protocol 去中心化应用的技能，支持用 create-near-app 创建新项目，以及为现有 React 或非 React 应用接入 NEAR 钱包连接。
frontend-best-practices
前端工程规范技能，覆盖组件架构、状态与数据流、异步请求、表单校验、无障碍、性能、TypeScript 纪律、测试与项目结构等框架中立原则，并按需加载 React 或 SolidJS 的框架专属参考。
react-modernization
React 现代化技能，用于将 React 应用升级到最新版本、把类组件迁移为带 Hooks 的函数组件，并采用并发特性。涵盖版本升级路径、类到 Hooks 迁移、React 18 并发功能、codemod 自动化与 TypeScript 迁移等内容。
remotion-product-launch
面向 Remotion 的产品发布视频工作流，用于为 SaaS、应用、网站或功能制作产品公告、功能展示与宣传视频。输出含 UI 设备框、功能亮点与行动号召的 15–90 秒高能产品视频。
astro-supabase-netlify
Astro + Supabase（Netlify）是一个基于 Astro 框架并集成 Supabase 数据库的起步模板，面向部署到 Netlify 的项目。该模板使用 npm 作为包管理器，前置条件是需要一个 Supabase 项目。使用方式包括：克隆模板仓库、可选地移除 Git 历史并重新初始化、安装依赖、在 .env 中配置 Supabase 凭据，然后通过 npm run build 构建、netlify deploy --prod 部署到 Netlify，开发时使用 npm run dev。
flutter-master-detail-view
flutter-master-detail-view 是一个 Flutter 组件技能，用于实现响应式的主从（Master-Detail）界面。它根据屏幕宽度自动切换布局：在平板或桌面等较宽屏幕上采用多列布局，列表与详情并排显示，并支持拖动分隔条调整详情区域宽度；在手机等窄屏上则保持列表，选中项后通过 push 跳转到详情页。该组件通过 LayoutBuilder 与 ValueNotifier 管理选中状态，可嵌套使用以构建渐进式自适应布局。
accessibility-expert
Accessibility Expert 是一个面向无障碍界面开发的知识型技能，帮助开发者构建符合 WCAG 标准、对所有人可用的数字体验。它提供 WCAG 2.1 的 A、AA、AAA 三个等级快速参考，涵盖图片替代文本、视频字幕、键盘可访问性、对比度要求等要点；强调优先使用语义化 HTML，在语义不足时使用 ARIA，并给出标签页、实时区域、描述与标签等代码示例。技能还整理了键盘导航的焦点管理与常用按键模式、屏幕阅读器支持要点，以及包含键盘导航、屏幕阅读器、表单标签、错误提示等项目的测试清单。此外覆盖颜色与对比度、表单标签关联与错误提示，并列出 axe DevTools、WAVE、Lighthouse、NVDA/VoiceOver、Colour Contrast Analyser 等测试工具。
syncfusion-aspnetcore-combobox
Syncfusion ASP.NET Core ComboBox 技能用于在 ASP.NET Core 项目中实现下拉选择组件。它通过 Tag Helper 语法集成，支持本地数组与远程数据源绑定、输入过滤与自动补全、自定义值录入、分组与排序、下拉模板与样式定制、虚拟滚动、级联下拉、RTL 及键盘导航与屏幕阅读器无障碍支持。资料提供了从安装配置、数据绑定、过滤搜索到高级特性的参考文档导航，并给出最小示例与常见用法模式及关键属性说明。
syncfusion-aspnetcore-dropdownlist
Syncfusion ASP.NET Core DropdownList 是一个用于 ASP.NET Core 应用的单项选择下拉列表组件。它显示一组预定义值，用户可从中选择一项，支持数据绑定、筛选、分组、自定义模板和无障碍访问。该技能面向需要在 ASP.NET Core 项目中实现下拉选择控件的开发者，涵盖从安装配置、数据绑定（本地数组、数据库、API、OData）、实时筛选、分组、模板定制到级联下拉、虚拟滚动等高级场景，并提供 WCAG 2.1 AA 无障碍支持与键盘导航。
syncfusion-aspnetcore-lineargauge
Syncfusion ASP.NET Core Linear Gauge 组件用于以线性方式可视化数值，支持指针、范围、注释和交互功能。该组件通过 SVG 渲染，提供多种指针类型（Marker、Bar）、范围高亮、注释、拖拽指针、工具提示、动画、主题定制、无障碍支持以及打印导出等能力。适用于温度、速度、性能指标等仪表盘场景。
syncfusion-aspnetcore-list-box
Syncfusion ASP.NET Core ListBox 是一个用于 ASP.NET Core 应用的选择控件技能，帮助开发者使用 TagHelper 语法实现和配置 ListBox 组件。它支持单选与多选模式、数组与对象数据绑定、拖放、双列表、排序、分组、过滤、模板、主题与无障碍键盘导航，适用于下拉选择、权限分配、批量操作、筛选等界面场景。