3d-web-experience
3D Web Experience 是一个用于构建网页 3D 体验的工作流技能，覆盖 Three.js、React Three Fiber、Spline、WebGL、GLSL 着色器、3D 优化与模型准备，适用于产品配置器、3D 作品集与沉浸式网站。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,339 个结果
3d-web-experience-v2
面向 Web 3D 体验开发的技能包，涵盖 Three.js、React Three Fiber、Spline、WebGL、GLSL 着色器与 3D 优化，涉及产品配置器、3D 作品集、沉浸式网站等场景，并强调来源可追溯与按需加载。
3d-web-experience-v3
这是一个面向 Web 3D 体验开发的工作流技能，帮助使用 Three.js、React Three Fiber、Spline 和 WebGL 构建交互式 3D 场景，覆盖产品配置器、3D 作品集与沉浸式网站，并关注性能与可用性。
accessibility
基于 WCAG 2.1 的无障碍（a11y）工作流技能，用于审计和改进网站无障碍性，涵盖可感知、可操作、可理解、健壮四大原则及测试清单。
fixing-accessibility
fixing-accessibility 是一个用于审计并修复 HTML 无障碍问题的技能，覆盖 ARIA 标签、键盘导航、焦点管理、表单错误提示等。适合在添加或修改按钮、链接、输入框、菜单、对话框、标签页等交互组件时使用，强调最小化改动。
perf-astro
perf-astro 是一个面向 Astro 框架的性能优化工作流技能，用于帮助站点达到 95 分以上的 Lighthouse 评分。它源自外部技能仓库的打包导入版本，保留了上游工作流、支持文件与来源信息。技能涵盖关键 CSS 内联、HTML/CSS/JavaScript 压缩、字体加载优化和 LCP 图片预加载等具体做法，并附带安装配置示例、Layout.astro 结构模式、Lighthouse 测量命令和优化检查清单。使用时需先确认任务是否属于 Astro 性能优化范畴，再读取来源与元数据文件，仅加载对当前任务有实质影响的参考材料，最后依据上游预期验证结果；当工作转向可访问性、调试、架构或安全等方向时，应交接给相应专项技能。需注意该技能为技能包封装层，具体效果与适用范围以资料提供内容为准，其他细节暂未提供。
react-native-architecture
React Native Architecture 是一个面向 React Native 与 Expo 开发的工作流技能，提供导航、状态管理、原生模块与离线优先架构等生产级模式，适用于新建项目、复杂导航、原生集成、离线应用、性能优化与移动端 CI/CD 等场景。
redesign-existing-projects-v2
用于对现有网站或应用进行 UI 重设计的技能工作流：审计通用化界面模式，在不重写架构的前提下应用更精致的视觉修复，并保留上游来源信息。
remotion-best-practices-v2
面向 Remotion（用 React 制作视频）的最佳实践工作流技能，提供 3D、动画、音频、字幕、图表、转场等规则文件与示例，帮助在编写 Remotion 代码时获取领域知识，并保留上游来源与文件路径以便审查。
threejs-skills
Three.js Skills 是一个用于系统化创建 Three.js 3D 场景与交互体验的工作流技能，涵盖场景初始化、几何体与材质、光照、动画循环、交互控制、粒子系统与性能优化等实践，适用于 WebGL 或 canvas 渲染的 3D 可视化需求。
wordpress-theme-development
WordPress 主题开发工作流技能，覆盖主题架构、模板层级、theme.json 配置、区块编辑器支持、自定义文章类型、样式设计与 WordPress 7.0 新特性集成等环节。该技能源自导入的上游仓库，保留来源信息与支持文件，适用于创建自定义主题、将设计稿转为主题、构建子主题及实现区块链模板等场景。
website2markdown
Website2Markdown 是一个通过 md.genedai.me API 将网页转换为干净 Markdown 的技能，适合抓取、阅读、提取和分析网页内容，尤其适用于 WebFetch 失败、JS 重度 SPA、付费墙、反爬站点以及微信、知乎等中文平台。
vercel-react-best-practices
Vercel React Best Practices 是由 Vercel Engineering 维护的 React 与 Next.js 性能优化指南技能，用于编写、审查或重构 React/Next.js 代码时参考。该技能包含按影响程度排序的 8 大类共 70 条规则，覆盖消除异步瀑布、包体积优化、服务端性能、客户端数据获取、重渲染优化、渲染性能、JavaScript 性能以及高级模式。每条规则以独立文件形式提供，包含问题说明、错误代码示例与正确代码示例，可用于指导自动化重构与代码生成。
how-to-use-effect
该技能用于在 React 代码中正确编写、审查和调试 useEffect。它把 Effect 定位为“让组件与外部系统保持同步”的机制，而非生命周期钩子、工作流编排或状态机驱动器；涉及“是否该用 Effect”的取舍时指向 react-principles 技能。本技能聚焦 Effect 体内的具体机制：写 Effect 前的三问门禁、五条可机械检查的不变量，以及自取消 Effect、didRun ref 守卫、间隔器依赖自身状态、非响应式读取最新值、清理不镜像 setup 等五类陷阱，并给出逐项审计流程与验证方式。
htm-ui
HTM UI 是一个面向零构建（zero-build）浏览器界面的组件库与开发技能规范，基于 HTM 标签模板、Preact、Tailwind CSS v4 和语义化主题令牌构建。它通过浏览器原生 ES 模块和 importmap 直接加载组件，无需打包器、JSX 或转译步骤。该技能提供项目上下文检查脚本、源码解析脚本，以及组件选择、主题、导入规范等参考文档，用于构建、检查、迁移和验证 HTM UI 界面。公共模块目前通过 jsDelivr 从 GitHub 仓库获取，生产环境建议固定发布标签或提交 SHA。
hugeicons
Hugeicons 图标库使用技能：在 React、Vue、Svelte、Angular、React Native 等项目中添加、选择、样式化、审查或迁移 Hugeicons 图标，涉及 @hugeicons/react 1.1 与 @hugeicons/core-free-icons 4.3。
react-scan
React Scan 是一款 React 开发期性能调试工具，通过 DevTools 全局钩子接入，为每个渲染的组件绘制轮廓，展示组件为何重渲染，并记录慢交互与掉帧。版本 0.5.7，支持 React 16.8–19，无需改动应用代码，只需在 React 之前加载。
flue-eve
flue-eve 迁移技能：扫描现有 Eve 项目并迁移到 flue-eve，或从零搭建 flue-eve 项目，涵盖扫描评估、脚手架生成、Vite 配置、前端对接与验证流程。
nextjs-app-router-patterns
面向 Next.js 14+ App Router 的技能，覆盖 Server Components、流式渲染、并行与拦截路由、数据获取与缓存、Server Actions 等模式，适用于新建或从 Pages Router 迁移的 Next.js 全栈项目。
frontend-design
这是一个用于构建具有鲜明视觉风格的前端界面的技能说明。它要求使用者以“前端设计师兼工程师”的角色工作，产出具备明确美学立场、真实可运行代码、视觉记忆点和整体克制感的界面，避免通用化、模板化的“AI 风格”设计。技能包含 DFII（设计可行性与影响力指数）评分、强制性的设计思考阶段、排版/色彩/空间/动效/质感执行规则、实现标准、输出结构、反模式清单和交付前检查清单，并说明可与 page-cro、copywriting、营销心理学、品牌、A/B 测试等技能配合使用。
i18n-localization
i18n-localization 是面向国际化和本地化的实践指南与辅助技能，提供检测硬编码字符串、管理翻译与语言文件、RTL 布局支持等内容。它梳理 i18n 核心概念（Locale、L10n、RTL），说明不同项目是否需要国际化，并给出 React（react-i18next）、Next.js（next-intl）、Python（gettext）等实现示例和 locales 目录结构。还总结最佳实践、常见问题与发货前检查清单，并附带 i18n_checker.py 脚本用于检测硬编码文本和缺失翻译。
modern-web-architect
Modern Web Architect 是一个面向前端与 Web 架构的技能，整合 React 19、Next.js 15、App Router、状态管理与高质感 UI 设计，并引入 FFCI 与 DFII 两项评估指标，用于在编码前判断架构可行性与设计影响力。
nextjs-react-expert
来自 Vercel Engineering 的 Next.js 与 React 性能优化技能，按影响优先级整理 57 条优化规则，覆盖消除瀑布流、包体积、服务端性能、客户端数据获取、重渲染、渲染、JavaScript 与高级模式，用于构建组件和性能审查。
tailwind-patterns
Tailwind CSS v4 使用原则与模式集合，涵盖 CSS 优先配置、容器查询、现代布局与设计令牌架构。内容基于 Tailwind v4（2025）整理，说明 v3 到 v4 的变化（如 tailwind.config.js 改为 CSS 的 @theme 指令、Oxide 引擎、原生嵌套与 CSS 变量等），并给出主题定义、语义化颜色、间距与字体令牌示例。同时讲解容器查询与视口断点的区别及使用场景、响应式断点系统与移动优先原则、暗色模式配置策略、Flexbox 与 Grid 现代布局模式、OKLCH 色彩体系、字体栈与字号层级、动画与过渡、组件抽取时机与方法，以及常见反模式与性能原则。适合使用或迁移到 Tailwind CSS v4 的前端开发者参考。