react-patterns
基于 Vercel 工程实践的 React 与 Next.js 性能优化指南，面向本地或 Docker 部署场景，强调冷启动与运行响应。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,906 个结果
syncfusion-winforms-common
Syncfusion Essential Studio Windows Forms 控件的实施指南，涵盖安装、NuGet 升级、许可证注册、本地化、高 DPI 支持与 .NET 兼容性，适用于在 WinForms 桌面应用中集成 Syncfusion 控件的开发者。
frontend-js
面向 Odoo 网站主题的前端 JavaScript 模式技能，涵盖 publicWidget 框架、Owl v1/v2 组件、Bootstrap 5 迁移、_t() 翻译与资源清单配置，并按 Odoo 14–19 版本给出差异说明。
vue-build-feature
面向 Vue 3 跨组件功能开发的技能指南，讲解如何组织页面、展示组件、组合式函数、数据访问与路由，强调视图负责编排、组件只做展示，内容与具体库无关。
lead-scraper
Lead Scraper 是一个从目录页和公司网站提取企业信息与联系方式的技能，输出结构化的企业/联系人表格数据。仅用于合规的商业信息提取，不适用于未经同意的个人数据采集或垃圾信息用途。
build-figma
build-figma 是一个用于把 Figma 设计实现为生产级 UI 的编排型技能，适用于 /build-figma 命令、带 node-id 的 figma.com/design 链接，或“实现这个 Figma”的请求，覆盖 Web、桌面与共享 UI。
css-animations
Editframe 技能：说明在其时间线系统中编写 CSS 动画时 fill-mode 的要求，用于解决入场、退场动画的闪烁/闪动问题。
primevue-openprops-architect
用于编辑 Vue 或 CSS 时强制遵循 PrimeVue 与项目设计令牌的技能。仅在项目已使用 open-props 时才应用 OpenProps 规则，并在编辑后运行 vue-tsc 与样式检查。
ui-styling
UI Styling 是一个用于创建美观、可访问用户界面的技能，结合 shadcn/ui 组件（基于 Radix UI 与 Tailwind）、Tailwind CSS 实用优先样式以及基于 canvas 的视觉设计系统。它适用于使用 React 框架（Next.js、Vite、Remix、Astro）构建界面、实现可访问组件、采用实用优先 CSS、创建响应式移动优先布局、实现暗色模式与主题定制、构建设计系统、生成视觉设计或品牌材料、快速原型以及添加复杂 UI 模式等场景。核心栈包括组件层 shadcn/ui、样式层 Tailwind CSS 和视觉设计层 Canvas。提供 CLI 安装、组件目录、主题定制、可访问性模式、Tailwind 工具类、响应式设计、自定义配置、视觉设计系统以及 Python 自动化脚本等参考与工具。
frontend-design
frontend-design 是 OpenHands 扩展中的一项技能，用于构建具有高设计水准、风格鲜明的生产级前端界面，避免千篇一律的“AI 感”审美。适用于用户要求创建 Web 组件、页面或界面时，输出可运行代码并注重美学细节与创意选择。
design-engineer
Design Engineer（Kit）用于把视觉设计、布局规格与文案转化为可上线的生产级组件，输出响应式、可访问、性能良好的 CSS/React 代码与设计令牌，适用于落地页、产品 UI、组件库和设计系统。
building-react-quill-canvases
用于在 PostHog 画布中编写 React + Quill 实现的技能文档，规定单组件契约、允许的导入、Quill 组件用法、主题样式与数据加载/错误/空状态处理等规范。
live-component
Symfony UX LiveComponent 技能文档：用 PHP + Twig 构建可 AJAX 重渲染的响应式服务端组件，用户交互触发服务器往返并局部更新 DOM，无需编写 JavaScript。涵盖 #[AsLiveComponent]、#[LiveProp]、#[LiveAction]、data-model 绑定、表单集成、事件通信、轮询与懒加载等用法。
vue-vben-crud
用于在 Vue Vben Admin 项目中生成完整 CRUD 模块代码的技能，覆盖页面、表单、表格与 API 接口。需先收集模块名、字段类型等需求，再按模板与文档生成文件，并运行检查脚本校验。
frontend-magic-ui
Magic UI 是一套面向 SaaS 落地页的动画组件库，含 150+ 生产可用组件，覆盖数字滚动、Logo 跑马灯、Bento 网格、设备模型（iPhone、Safari）与文字动画等。
vue-component-anatomy
面向 Vue 3 单文件组件的编写规范技能，说明 .vue 文件内部结构：块顺序、宏顺序、script setup 排列、props/emits/models、模板与样式约定，默认 <script setup lang="ts"> 与 Vue 3.5+。
visualize
将想法、数据或对话内容生成为单文件 HTML 可视化（幻灯片、信息图、仪表盘、流程图等），文件可离线打开、易于分享。技能强调从固定骨架模板起步，并内置主题切换、菜单、图表与无障碍要求。
slack-automation
通过 Rube MCP（Composio）自动化 Slack 工作区操作，包括发送消息、搜索会话、管理频道与用户、添加表情回应、处理线程及定时发送消息。需先连接 Rube MCP 并完成 Slack OAuth 授权。
shadcn-hooks
shadcn-hooks 是一套面向 React / Next.js 项目的 Hooks 集合与使用指南，目标是帮助开发者在合适的场景下复用现成的 Hook，从而减少自造代码、提升实现的可读性、可维护性与性能。该技能会先判断需求能否由现有 Hook 满足，再映射到最合适的 Hook 并按其调用规则使用。安装方式有两种：推荐使用 shadcn CLI 按需添加单个或多个 Hook，也可安装完整 npm 包；CLI 方式从本地路径导入，npm 包方式从 "shadcn-hooks" 导入。Hook 按 State、Advanced、Lifecycle、Browser、Dev、External 等类别组织，多数标注为 AUTO（适用时自动使用），External 类（如 useMcp、useQuery、useStickToBottom、useSWR）仅在用户已安装相应外部依赖时使用。每个 Hook 的用法细节与类型声明需查阅对应 references 文档。
kitchen-sink-design-system
Kitchen Sink Design System 是一个脚本优先的设计系统工作流，用审计脚本检测前端框架、盘点组件并识别设计漂移，再由代理修复组件并组装 sink 页面验证设计系统。
frontend-design
frontend-design 是一个用于构建生产级前端界面的技能，强调独特美学与可运行代码，适用于 UI 组件、页面或前端功能开发，并内置可用性、无障碍与响应式检查。
frontend-design
frontend-design 是一个用于创建独特、生产级 Web 前端界面的技能，强调高设计质量，避免千篇一律的“AI 味”审美，适用于用户明确要求构建或大幅重设计网页界面的场景。
angular-migration
用于将 AngularJS（1.x）应用迁移到 Angular（2+）的技能，涵盖混合应用、组件改写、依赖注入与路由迁移，适合大型应用的渐进式升级。
react-vite-scaffold
用于初始化 Vite + React（CSR）项目，或为已有 Vite React 项目补齐 ESLint、Prettier、Tailwind CSS 等缺失配置的技能。