use-react-intl-universal
面向 react-intl-universal 仓库的国际化最佳实践工作流技能，指导用 intl.get(key, values).d(defaultMessage) 编写文案、用 react-intl-universal-extract 抽取默认消息，并通过脚本完成翻译任务生成、增量审校、合并与审计，保持多语言软件质量与 UI 稳定。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-31 00:15
前端与建站
11,334 个结果
improve-codebase-architecture
扫描代码库以发现“深化”机会（把浅模块重构为深模块），生成可视化 HTML 报告，再针对所选候选方案进行追问式设计讨论。
alibabacloud-website-malware-check
面向网站篡改与被黑诊断的只读检测技能，基于页面源码、隐藏SEO链接、可疑跳转与多UA伪装探测，并结合云安全中心与WAF做尽力而为的只读核查。全程只读，不修改目标网站。
react-best-practices
面向 React 组件读写场景的技能，强调与 TypeScript 最佳实践配合使用。核心观点是 Effect 属于逃生舱，多数组件逻辑不应使用 Effect，并给出决策树、Refs、自定义 Hook、组件组合与测试断言等实践建议。
powerskills-browser
powerskills-browser 是通过 Chrome DevTools Protocol（CDP）对 Microsoft Edge 浏览器进行自动化的工具，支持列出标签页、导航、截图、提取页面内容或 HTML、执行 JavaScript、点击、输入、填表、滚动等操作。
lecun-world-model
一个基于 Yann LeCun 世界模型理念的推理技能，用于需要因果推理的问题，如“如果……会怎样”“为什么发生 X”“有哪些连锁反应”等。它要求先建立内部世界模型再作答，按固定步骤分析事实、因果、隐藏变量、前向与干预模拟、二阶效应、不确定性与置信度。
nextjs-swr-hooks
为 Next.js 项目提供使用 SWR 的 Hook 开发规范，涵盖文件结构、fetcher 模式、key 工厂、SSR fallback、类型与测试约定，必须放置在 src/hooks/ 下。
nextjs-tanstack-hooks
用于 Next.js 项目的 Hook 开发规范约束技能：统一 src/hooks/ 目录结构、TanStack Query 服务端状态模式、查询键工厂、类型约定与反模式检查，不涉及客户端状态管理。
component-agentic-layout
@ant-design/agentic-ui 的 AgenticLayout 组件开发技能：实现左-中-右三栏加头部的智能体应用主布局，适用于应用外壳、侧栏与三栏布局。含自包含 API、DOM 类名结构与开发规范，改布局或头部无需查源码。
component-quote-backto
component-quote-backto 是 @ant-design/agentic-ui 中关于 Quote（引用块）与 BackTo（返回链接）组件的开发技能，用于指导构建引用块和返回导航链接。该技能的源码位置为：Quote 组件位于 src/Quote/ 目录，采用默认导出并提供 QuoteProps；BackTo 组件位于 src/BackTo/ 目录。开发规范要求使用 token 与 createStyles，并在与 MarkdownEditor 的 blockquote、ChatLayout 导航等配合时保持风格一致。修改 Quote 或 BackTo 时，需参考对应 src/ 目录及 AGENTS.md。该技能在出现 Quote、BackTo、quote block 等触发词时适用。
hyperframes
HyperFrames 是一个以 HTML 为视频源文件的视频合成框架，用 data-* 属性控制时间轴、GSAP 驱动动画、CSS 控制外观，可制作标题卡、字幕、配音、音频可视化与场景转场等视频内容。
lottie
HyperFrames 的 Lottie 与 dotLottie 适配器模式，用于在 HyperFrames 中嵌入 lottie-web JSON 动画、.lottie 文件以及 @lottiefiles/dotlottie-web 播放器。HyperFrames 可通过 lottie 运行时适配器对 lottie-web 和 dotLottie 播放器进行 seek（定位），适合动画时间线已内置于素材中的场景，只需提供一个可被定位的播放器对象。
remotion-best-practices
面向 Remotion 视频创作的技能包，包含 Remotion 官方基础规则与产品演示视频的实战经验，覆盖脚手架、合成、动画、转场、渲染与配音流程。
tailwind
这是面向 HyperFrames 作品的 Tailwind CSS v4.2 浏览器运行时使用技能，适用于用 `hyperframes init --tailwind` 创建或编辑的项目。该技能明确将运行时固定为 @tailwindcss/browser@4.2.4，按 Tailwind v4 而非 v3 处理，并强调该技能仅针对 CLI 生成的 composition HTML，不适用于内部仍使用 Tailwind v3（tailwind.config.js、PostCSS、@tailwind 指令）的 packages/studio。技能涵盖何时使用、版本契约、v4 的 CSS-first 规则（@theme、@utility）、避免 v3 的 @tailwind 指令、HyperFrames 组合模式、动态类安全、视频渲染防护以及验证与调试清单。
waapi
waapi 是 HyperFrames 的 Web Animations API 适配器，用于通过原生浏览器关键帧制作动画，无需依赖 GSAP。它适用于编写 element.animate() 动效、Animation currentTime 定位、document.getAnimations() 等场景。适配器会在合成初始化时同步创建动画，并在每次定位时调用 document.getAnimations()，将每个动画的 currentTime 设为 HyperFrames 的毫秒时间，然后暂停动画，使被定位的状态得以保持。使用时要求动画具有有限时长和迭代次数，使用 fill: "both"，并在创建后暂停动画，避免使用回调或 Promise 处理渲染关键状态。适合轻量级 DOM 动效、由结构化数据生成的动画，以及可用关键帧、延迟和偏移表示的简单时间线。
website-to-hyperframes
将网站抓取后生成 HyperFrames 视频的技能，适用于用户提供 URL 并希望制作产品发布、社交广告或产品导览视频的场景。
frontend-security-coder
面向前端安全编码的技能，专注 XSS 防护、输出净化与客户端安全模式，涵盖 CSP、安全 DOM 操作、点击劫持防护、重定向校验、认证令牌存储及第三方集成安全等实践。
i18n-localization
i18n-localization 是一套国际化与本地化实践技能，涵盖检测硬编码字符串、管理翻译与 locale 文件、RTL 支持等。适用于 React、Next.js、Python 等项目的多语言支持规划与实现。
nextjs-best-practices
面向 Next.js App Router 开发的实践原则技能，涵盖服务端与客户端组件划分、数据获取、路由约定、API 路由、性能优化、元数据、缓存、Server Actions 与常见反模式，帮助开发者按官方推荐方式组织项目结构。
performance-profiling
性能分析原则与技能，强调“测量、分析、优化”的顺序。提供 Lighthouse 审计脚本，讲解 Core Web Vitals 指标与阈值、四步性能分析工作流、工具选型、打包分析与运行时性能分析、常见瓶颈识别、快速优化优先级及反模式，适用于 Web 前端性能诊断与优化。
react-best-practices
由 Vercel 维护的 React 与 Next.js 性能优化指南，涵盖 8 大类共 45 条规则，按影响程度排序，用于指导代码生成与自动化重构。
react-patterns
React Patterns 是一套面向生产级 React 应用的开发原则与模式集合，涵盖组件设计、Hooks、状态管理、React 19 新特性、组合模式、性能优化、错误处理、TypeScript 与测试等主题，帮助开发者以组合方式构建小型、聚焦的组件。
tailwind-patterns
Tailwind CSS v4 原则与模式技能，涵盖 CSS-first 配置、@theme 设计令牌、容器查询、响应式、暗色模式、布局、颜色、排版、动画与组件抽取等现代用法。
site
ARC 技能 site：用于通过 /web/.actions/create-site 构建整站（主题加多页），并区分磁盘构建产物与 HTTP 实际服务、守护进程 :4900 与站点主机端口。