intlayer-preact
将 Intlayer 国际化集成到 Preact 应用的技能，用于为 Preact 项目配置 i18n、创建按组件声明的翻译内容。内容以 *.content.ts 文件声明，并通过 useIntlayer 钩子读取。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
前端与建站
11,276 个结果
intlayer-svelte
将 Intlayer 国际化方案集成到 Svelte 与 SvelteKit 应用中，用于搭建 Svelte i18n、创建可翻译组件。采用组件级内容声明，把翻译写在组件旁的 *.content.ts 文件里，再通过 useIntlayer 在 Svelte 组件中读取。
image-to-ui-skill
将 UI 截图或设计稿复刻为可点击前端/App demo 的技能，区分代码 UI 与真实位图资产，优先用 image2 生成照片、插画、复杂纹理等位图，再集成回页面并做截图验真。
expo-ui-swift-ui
面向 Expo React Native 应用的 iOS 原生 UI 技能，使用 @expo/ui/swift-ui 渲染真正的 SwiftUI 视图（如 List、Section、Toggle、Picker、Gauge、Label），并可通过 RNHostView 将 React Native 内容嵌入 SwiftUI 层级，适合构建完全原生手感的 iOS 专属界面。
react-native-brownfield-migration
面向原生 iOS/Android 应用的 React Native 增量迁移技能，基于 @callstack/react-native-brownfield，提供从路径选择、初始设置、产物打包到宿主集成的分阶段工作流。
software-mansion-best-practices
Software Mansion 面向新架构生产级 React Native 应用的最佳实践技能集，用于编写、审查或调试 React Native 代码。按主题提供多个子技能，覆盖动画、手势、SVG、触觉反馈、端侧 AI、多媒体、富文本、多线程、音频与 Radon IDE MCP 调试等。
upgrading-react-native
用于将 React Native 应用升级到更新版本的技能，通过 rn-diff-purge 模板差分、依赖更新、原生 iOS/Android 迁移及 Expo SDK 升级步骤，覆盖完整升级工作流与升级后验证。
use-dom
React Native 的 'use dom' 指令，用于在原生应用中嵌入 Web 代码。组件在原生 WebView（iOS 的 WKWebView、Android 的 WebView）中渲染，可访问完整浏览器 DOM，适合接入 recharts、highlight.js、TipTap、Leaflet 等仅支持 Web 的库。
globalyze
Globalyze 是一个用于 React 应用国际化的 CLI 技能，可完成首次全球化、持续同步、运行时接入、调试与本地化健康检查，帮助代理用命令而非手工编辑语言文件来管理多语言项目。
example-gsap
来自 bintzgavin/helios-skills 的 GSAP 集成模式示例，说明如何用 Helios 的帧状态驱动 GSAP 时间轴，实现逐帧拖动、暂停与渲染同步。
example-threejs
Helios 与 Three.js、React Three Fiber 集成的示例技能，用于创建 3D 动画或集成 WebGL 场景，通过让 Helios 逐帧驱动渲染实现确定性渲染与同步。
helios-player
用于在网页中嵌入 Helios 合成作品（composition）的 Player API。当需要在页面中显示带播放控制的合成作品、启用客户端导出，或与 Helios 播放状态进行交互时使用。
expo-motion
面向 Expo 与 React Native 的动效开发技能，覆盖 iOS、Android 与 Web：以 Reanimated 4 和 worklets 为主，含手势、布局动画、滚动效果、Expo Router 页面转场、Skia 自绘动画，以及无障碍与性能校验，并提供 expo-motion-audit 静态审计 CLI。
web-rive
用于 Rive 网页与 React 运行时集成，覆盖 .riv 资源、状态机、输入、生命周期清理、无障碍、远程资源安全与降级行为，并附审计 CLI 与检查清单模板。
web-tailwind-motion
Tailwind CSS v4 动效技能：处理 transition、animation、duration、easing、motion-safe/motion-reduce 变体、@theme 动效令牌与静态类名安全，适用于 Web 前端为 Tailwind 组件添加过渡和动画时。
next.js 16 app router
面向 Next.js 16 App Router 的开发技能，涵盖页面、API 路由、服务端组件、客户端组件、Server Actions、中间件与缓存等模式，用于构建 Next.js 16 应用时的编码规范与约束参考。
mvp-one-page-copywriter
用于在生成落地页、MVP 或等候名单页前端代码之前，先用 PAS（问题—激化—解决）框架写出以转化为导向的文案。规则是先文案、后代码，需用户确认文案后才进入 UI 构建。
blutui-project-guidelines
Blutui 项目开发规范技能，用于编写、审查或重构 Blutui Canvas 代码时提供指导。包含 3 个类别共 12 条规则，按影响程度排序，辅助自动化重构与代码生成。
yy-create-vue3
yy-create-vue3 是一个用于创建或补齐 Vue 3 + TypeScript + Vite 项目骨架的技能。它以当前技能目录下 scripts/ 的参考工程为唯一权威来源，优先复用现成参考文件，只做与项目名称、页面列表、可选目录和验证动作直接相关的最小调整。适用于新建 Vue 3 + TypeScript + Vite 前端项目、生成与参考工程一致的目录结构、配置文件和源码骨架，或在空白/轻量项目中补齐标准化的 Vue 3 工程基础设施。不适用于单个组件或页面片段、React/Vue 2/Angular 或非 Vite 项目、成熟项目的大规模迁移重构，以及 Vue 3、TypeScript、Vite 的概念问答。
react-vite-guide
面向 React 19 + Vite 单页应用（纯 CSR SPA）的开发指南，整合组件组合模式、性能优化与 Web 界面最佳实践，适合 AI 智能体在编写、审查或重构 React 组件时主动参考。含 TypeScript 严格模式建议。
frontend-patterns
frontend-patterns 是面向现代 Web 框架的前端开发模式技能，覆盖服务端与客户端组件、受保护页面、路由组织、认证流程、组件库用法、表单校验、埋点与功能开关及无障碍检查。使用前需将模板中的 {{PLACEHOLDER}} 占位符替换为项目实际配置。
svelte
Svelte 是一个用于构建用户界面的前端框架，本技能聚焦 Svelte 5 的开发实践。其核心是根据项目实际安装的 svelte 5.x minor 版本，选用该版本对应的 rune 与模板写法。适用场景为编辑 .svelte、.svelte.ts / .svelte.js 文件或编写 Svelte 组件时。技能默认采用 runes 模式，并明确 SvelteKit、CSS、状态库应跟随项目自身配置，不在本技能内指定。基本工作流是：先读取已安装的 svelte 版本（node_modules/svelte/package.json 的 version 或 lockfile，而非只依赖 package.json 的 ^ 范围），据此确定 5.y，再查阅 reference 中不超过当前 minor 的小节。技能要求在选 rune 时不要一律使用 $state，不驱动模板、$derived、$effect 的应作为普通变量。
cat-kit-fe
@cat-kit/fe 的浏览器工具集文档，涵盖存储、剪贴板、文件读取与虚拟滚动等能力，适合在浏览器中处理 DOM API、客户端存储等场景。
cat-kit-vitepress-theme
@cat-kit/vitepress-theme 是面向 VitePress 2 的 CatKit 墨迹风格主题，基于 Vue 3，涉及布局与 Markdown 渲染。适用于在 VitePress 中配置该主题、导出主题配置等场景。