react-patterns
React 开发模式技能，用于构建 React 组件、管理状态、创建自定义 Hook 及优化 React 应用，涵盖 React 19 特性与 TypeScript 组合模式，面向 Web 与移动端共享的通用 React 实践。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,913 个结果
frontend-design
来自 epicenterhq/epicenter 的前端视觉设计技能，为新页面或改版界面提供布局、字体、配色、动效与反通用化审美方向，并用真实可运行代码实现生产级界面，避免千篇一律的 AI 风格。
html-presentations
用于生成单文件 HTML 幻灯片演示的技能：纯 HTML/CSS/JavaScript，无框架、无 CDN、无构建步骤，输出一个可在任意现代浏览器打开的 .html 文件，支持主题、键盘导航、URL 哈希记忆与内联 SVG 图表。
svelte components
用于编写 Svelte 5 组件的技能，涵盖 runes（$state、$derived、$effect、$props）、事件处理、snippets 内容投影等，并规定文件组织、shadcn-svelte 组件使用、类名合并与键盘可访问性等约定。
carbon-design-system
用于构建符合 IBM Carbon Design System v11 界面的技能，提供基于令牌、无障碍的企业级组件库指导，适用于 Carbon 风格界面、IBM 风格仪表盘与企业级 UI。
rollup
Rollup 打包器使用指南，涵盖配置、插件、代码分割、Tree-shaking 与库打包，适用于打包库或应用、多格式输出（ESM/CJS）、配置 input、output、plugin 与外部依赖等场景。
tailwind-setup
该技能用于在 Expo 项目中配置 Tailwind CSS v4，配合 react-native-css 与 NativeWind v5，实现 iOS、Android 与 Web 的通用样式方案。内容涵盖依赖安装、Metro 与 PostCSS 配置、全局 CSS 引入、组件 CSS 包装器（View、Text、ScrollView、Pressable、TextInput、Image 等）的创建、自定义主题变量、平台特定样式、Apple 系统颜色与 CSS 变量用法，并提供排障说明。
zerone-cli
Zerone CLI（@zeronejs/cli）是团队内部前端工程化工具集，涵盖 API 接口代码生成、字体图标管理、前端项目脚手架与工作日志生成四大功能，通过 pnpm 脚本与 zerone 命令调用。
angular-material-developer
面向 Angular 项目的 Angular Material 代码生成与指导技能，基于 @angular/material 与 Material 3 主题系统，覆盖安装、主题、组件、CDK、表单与无障碍，与 angular-developer 技能配合使用。
trading-analysis-dashboard-template
一个单文件 HTML 交易分析仪表盘模板，提供明暗主题切换、密集行情面板、图表交互与演示/实时回放，用于生成华尔街风格的数据密集型交易看板。
oil-ppt
oil-ppt 用于创建、修改、续做、检查和构建 16:9 HTML 演示文稿，并按需导出混合可编辑 PPTX。每页为独立 HTML，默认搭配 oil-tone 处理面向观众的文案。适用于新建演示、逐页精修、批量验收或交付离线演示。
ui-components-expert
面向 UI 组件库的专家技能，名称 ui-components-expert，涉及 Chakra、Material UI 与 Mantine，实际内容以 Chakra UI 与 Material UI 的代码编写和审查指南为主，并整合了 9 项独立技能。
peach-gen-store
peach-gen-store 是 peach-harness 中用于生成前端状态管理 Store 的技能，触发关键词为「스토어 만들어줘」「Store 생성」「프론트 상태관리」。基于已完成的 Backend API 生成 Vue3/Pinia Store，要求通过 vue-tsc 类型检查。
peach-gen-ui
peach-gen-ui 是一个根据 Store 生成生产级前端 UI 的技能，基于 Vue 3 + TypeScript + NuxtUI v4，可通过“UI 만들어줘”“화면 생성”“CRUD 画面”“목록 화면”等关键词触发。要求 Store 已存在，并与真实 API 联动生成生产代码。
elementor-development
面向 Elementor 插件与自定义小部件开发的参考技能，涵盖插件架构、Widget_Base 小部件类、组件管理器注册、脚本样式加载、数据结构与弃用项等，资料源自 peixotorms/odinlayer-skills。
keyboard-accessibility
键盘可访问性技能：面向含按钮、链接、表单、弹窗、下拉、菜单、标签页、滑块、工具栏、轮播等交互 UI 的项目，要求所有交互功能仅用键盘即可完成，提供规则、代码示例与测试清单。
react-native-navigation
React Native Navigation 技能，讲解使用 React Navigation v6+ 与 Expo Router 实现生产级导航，涵盖 Stack、Tab、Drawer、深度链接与 TypeScript 类型安全集成。
tailwind-to-stylex
将 TailwindCSS 迁移到 StyleX 的技能：把 Tailwind 的 className 工具类字符串解析为 CSS，再重塑为 stylex.create 对象，并用 stylex.props 或 stylex.attrs 应用，保持渲染结果不变。
frontend-dev
Resume Matcher 的前端开发技能，用于创建或修改 Next.js 页面、React 组件、Tailwind CSS 样式、API 集成、hooks 与 i18n，并要求全部 UI 遵循 Swiss International Style 规范。
syncfusion-vue-barcode
Syncfusion Vue Barcode Generator 技能，用于在 Vue 应用中生成并自定义条形码、QR 码和 Data Matrix 码，支持导出图片或 Base64 及多种渲染模式。
syncfusion-vue-common
Syncfusion Vue 组件的通用工具与功能技能，覆盖安装配置、动画、拖拽、全球化（RTL、l10n、i18n）与状态持久化。适合在 Vue 2/3、Nuxt 3、Quasar 项目中统一实现跨组件通用能力。
workos-authkit-nextjs
用于在 Next.js App Router（13 及以上）中集成 WorkOS AuthKit 的技能，要求服务端渲染。涵盖环境变量校验、SDK 安装、按版本创建 middleware/proxy、回调路由、AuthKitProvider 与 UI 集成及验证清单。
frontend-design
用于构建或重设计 React 与 Tailwind 界面的技能，强调清晰层级、真实内容与可用的交互实现，并遵循项目既有设计系统与约束。
controller-native
将 Cartridge Controller 集成进原生与移动应用的开发文档，覆盖 iOS、Android、React Native 及 Capacitor Web 包装方案，介绍 SessionConnector、SessionAccount、ControllerAccount 三种接入方式及鉴权流程、配置要点与平台限制。