next-upgrade
依据官方迁移指南与 codemod 将 Next.js 项目升级到最新版本,适用于版本升级、运行 codemod 或迁移场景。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-30 00:12
11,293 个结果
依据官方迁移指南与 codemod 将 Next.js 项目升级到最新版本,适用于版本升级、运行 codemod 或迁移场景。
基于 Remotion 构建应用的技能,可用于制作简单表单并接入渲染,或搭建复杂视频编辑器,并提供 SaaS 模板、Player 组件及多种渲染与前端框架集成参考。
Website to HyperFrames 是一个把网站抓取后制作成 HyperFrames 视频的技能,适用于用户提供 URL 并希望生成产品发布、社交广告或产品导览视频的场景。
这是一个关于落地页转化优化的技能资料,核心围绕版式规则、首屏英雄区(Hero)设计与 CTA 心理学展开。内容涵盖首屏公式、社会认同(Social Proof)的摆放位置、移动端适配、表单设计、页面速度与常见错误,并给出可直接使用的 inference.sh CLI 命令示例,用于生成英雄图片、调研竞品落地页、生成社交分享图(OG Image)等。资料还提供了标题文案公式、CTA 文案的正反例、分区顺序表(Hero、社会认同、问题、方案、工作原理、用户评价、定价、FAQ、最终 CTA)以及各元素的量化建议(如英雄图 <200KB、总页面体积 <2MB、LCP <2.5s、点击目标最小 48x48px 等)。功能与规则均来自资料原文,未提供收费、价格、平台效果或实际转化数据,相关事实暂未提供。
这是一个面向 CSS 编写与优化的技能,帮助处理布局、层叠上下文、响应式设计和性能优化等任务。它提供关于 Flexbox、Grid、选择器、现代 CSS 特性、可访问性等主题的实用参考,强调使用现代特性、稳健布局和极致内容测试。
面向 React、Next.js、Vue 与 Angular 的前端架构技能,结合 Atomic Design 与状态管理模式,用于设计组件架构、设计系统、性能优化、构建工具链与迁移策略。
基于 Marp 将 Markdown 或 HTML 转换为 PowerPoint、PDF 或 HTML 幻灯片的技能,支持主题、CSS 样式与演示结构定义。
一个用于前端重设计的技能:在用户明确要求重做前端并点名该技能时,综合优化美学、动效与用户体验,输出单一前端规格说明,不生成代码或素材。
Landing Page Generator 是一个根据产品描述生成高转化落地页的技能,输出完整的 Next.js/React(TSX)组件与 Tailwind CSS 样式,涵盖首屏、功能、定价、FAQ 等区块,并附带 SEO 元数据与文案框架。
该技能为 React 开发提供专家级支持,覆盖组件设计到生产实践。代理可处理 Hooks 模式、状态管理、渲染优化与数据获取。资料列出了常见错误(如数字条件渲染、直接修改状态、渲染期生成 key、受控输入未初始化)、Hooks 陷阱(异步回调、清理函数、依赖数组、引用相等)、性能优化(并行请求、避免 barrel 导入、useMemo、startTransition、useRef)、状态架构(就近放置、派生值、useReducer、URL 参数)、React 19+ 表单(form actions、useActionState、useOptimistic)以及数据获取陷阱(竞态条件、自定义 Hook 记忆化、列表 key)。
面向 SwiftUI 视图与组件开发的实践指南技能,提供示例驱动的建站与重构建议,涵盖标签页架构、导航、Sheet 弹窗、状态管理与无障碍等主题。
WordPress Pro 是一款面向 WordPress 开发的技能,适用于定制主题、插件、Gutenberg 区块、WooCommerce 功能开发,以及 WordPress 性能与安全优化。
通过 WordPress REST API 直接发布内容的工具,支持 Gutenberg 区块、自动加载并选择分类、生成 SEO 标签与预览草稿。需站点 URL、用户名和应用密码。
streamlit-custom-style 是一套为 Streamlit 应用定制样式的技能指南,核心是用分层方式在稳定性与灵活性之间取平衡。它把样式系统分为四层:原生主题配置(.streamlit/config.toml 与可复用的主题 TOML 文件)、共享启动脚本(helpers.py 中的 init_page())、基于 .st-key-* 的局部 CSS,以及针对 DOM 的通用元素选择器 CSS。指南强调优先使用稳定性最高的层,只有上层无法表达需求时才下沉到更低层。它覆盖了颜色、字体、边框与圆角、图表配色等主题令牌,支持通过静态目录自托管字体、配置浅色与深色主题、为侧边栏设置独立配色,并让原生图表自动继承品牌调色板。使用方式包括拆分主题配置文件、统一页面初始化、用 st.html() 注入小型局部 CSS,以及为按钮和容器创建自定义变体。文档还列出了应避免的做法(全局元素选择器、内部属性选择器、哈希类名、CSS @import、unsafe_allow_html、框架注入等),并给出项目文件结构与版本固定建议。
将 Stitch 设计稿转换为模块化 Vite + Vue 3 + Element Plus 组件的技能,仅在用户明确提到 Stitch 并需要转换为 Vue 3 + Element Plus(Vite、.vue SFC)时使用。
该技能用于将 Stitch 设计稿转换为 uni-app + Vue 2 + uView 2.0 的页面与组件。它通过 Stitch MCP 的 get_screen 获取屏幕元数据与 HTML,并借助脚本实现高可靠下载。仅在用户明确提到“Stitch”并需要转换为 uni-app + Vue 2 + uView 2.0(pages/、components/、.vue、u-* 组件)时使用。技能强调模块化拆分页面与共享组件、逻辑隔离、数据解耦,并规定仅使用 uView 2 组件(如 u-cell-group、u-text、u-line 等),避免自定义 class 模拟卡片等。执行流程包括环境准备、数据层构建、页面草稿、路由注册与质量检查。
Tailwind Gradient Builder 是一套面向 Tailwind CSS 的渐变样式构建技能,用于创建现代 CSS 渐变效果,涵盖线性、径向、锥形、网格渐变,以及动画渐变、玻璃拟态和渐变文字等。它提供可直接复用的类名组合、Tailwind 配置片段和 React 组件示例,帮助开发者在背景、文字、边框和遮罩等场景中快速实现渐变视觉。内容按工作流组织:选择渐变类型、定义色标与位置、配置方向或角度、叠加模糊与动画效果,并关注性能与可访问性。资料还给出暗色模式适配、渐变边框、图片遮罩、淡出边缘等常见用法,以及性能优化与最佳实践建议。
HeadlessUI React 提供完全无样式、可访问的 React UI 组件,负责复杂交互与无障碍逻辑,样式由开发者自定义。资料涵盖复合组件 API、as/asChild、渲染属性与 data 属性、Dialog、Menu、Listbox、Combobox、Switch、Disclosure、Popover、RadioGroup、Tabs、Transition 及 Floating UI 定位等。
HeadlessUI Vue 提供完全无样式、可访问的 Vue 3 UI 组件,交互与无障碍逻辑由组件处理,样式由开发者自定义。涵盖复合组件 API、v-slot 插槽属性、as 属性、Dialog、Menu、Listbox、Combobox、Switch、Tabs 等,并可通过 MCP 获取示例。
一个 Tailwind CSS 组件类模式与 HeadlessUI 集成技能的参考资料,提供按钮、表单控件、表格、下拉、模态等常用 UI 组件的类名配方,以及数据属性样式、过渡动画和 className 合并工具的用法说明。
tailwind-layouts 是一套基于 Tailwind CSS 的页面布局参考技能,覆盖应用外壳、侧边栏、导航、容器、栅格、固定与粘性元素、响应式策略及常见反模式,适用于构建后台、营销页等多种页面模板。
面向 Tailwind CSS 营销页面开发的技能参考,覆盖 Hero、功能、定价、社会证明、内容、导航、页脚等模块的布局模式与类名写法,适合搭建落地页、首页、关于页、定价页等推广型页面。
面向 Compose Multiplatform 的技能规范,用于在 Android、iOS、Desktop(JVM)与 Web(wasmJs)之间共享 UI。涵盖目标配置、共享 composable、桌面窗口、导航、平台特定 UI 钩子、多目标 CI/CD 与性能优化。
用于为客户网站或博客制定90天内容计划的技能,基于搜索意图与客户常见问题产出12篇博文简报、编辑日历、内链结构和引流磁铁创意,不负责建站或撰写成稿。