seo-in-nextjs
面向 Next.js 应用的 SEO 配置技能,用于实现或改进页面元数据、sitemap.xml、robots.txt、llms.txt 以及 JSON-LD 结构化数据等 SEO 相关设置。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-26 00:15
11,102 个结果
面向 Next.js 应用的 SEO 配置技能,用于实现或改进页面元数据、sitemap.xml、robots.txt、llms.txt 以及 JSON-LD 结构化数据等 SEO 相关设置。
用于智能教科书的交互式图解叠加 MicroSim 生成技能:由文生图模型生成无标注科学插图,再用 diagram.js 或 grid-diagram.js 叠加编号标注或矩形区域,支持探索、测验与编辑模式。
BillingSDK 是 Dodo Payments 维护的开源 React 计费界面组件库,组件以源码形式复制进项目(shadcn/ui 模式),用于构建定价页、订阅管理、用量计量、发票历史等界面;所有 Dodo Payments API 调用须放在服务端路由中。
一套面向 React 与 Next.js 的工程规范与最佳实践,覆盖 App Router、服务端组件、数据获取、组件设计、状态管理、性能优化、样式、目录结构、安全及提交前检查清单。
m-responsive 是一个用于检查响应式行为的技能,帮助在关键断点下验证页面布局、文本行宽、触控目标与间距表现。它要求在 320px、375px、768px、1024px、1280px、1440px 六个宽度下进行测试,检查是否存在横向溢出、每行字符数是否在 45-75 之间、移动端触控目标是否达到 44x44px、间距是否按比例缩放,以及是否有重要内容被隐藏。该技能属于前端与建站领域的响应式质量检查工具,适合在开发或评审阶段快速排查多端适配问题。
color-fix 是一个用于自动修复颜色问题的技能,主要面向需要处理配色一致性与可访问性的前端或设计场景。它能够将未通过 WCAG AA 对比度标准的前景/背景颜色对调整为最接近的合格值,把近似重复的颜色统一替换为使用频率最高的变体,将原始十六进制色值转换为 CSS 自定义属性,并移除纯黑(#000)改用带色调的深色。每次修改都会展示修改前后的对比,便于核对。该技能通过 /color-fix 命令触发,具体安装与集成方式暂未提供。
layout-audit 是一款用于审计代码库布局模式的技能:梳理所有 grid 与 flexbox 用法、间距取值、嵌套深度与响应式断点,并检查文本最大宽度、绝对定位及 gap 与 margin 的一致性。
Editframe 的 Vite 集成插件,为本地开发提供按需视频转码、本地资源服务、文件 API 端点与 Vitest 可视化回归测试,便于在无云 API 依赖下开发 Editframe 合成。
TanStack AI 是面向 AI 聊天、流式响应、工具调用与多提供商集成的框架与适配器技能,覆盖 @tanstack/ai、@tanstack/ai-client、@tanstack/ai-svelte,以及 UIMessage、消息分片渲染、工具审批和 Svelte 绑定等用法。
面向 Svelte 数据表格的 TanStack Table UI 状态技能,涵盖列定义、渲染、排序、过滤、分页与行标识等用法,适用于本地优先或持久化行场景。
website-spec 是一个平台无关的网站技术规范技能,涵盖从 <title> 到 /.well-known/security.txt、从 WCAG 对比度到 llms.txt 的各类技术要点,面向人类与 AI 智能体,可离线运行,适合隔离网络与高隐私场景。
Impeccable 是一套面向前端界面的设计质量系统,包含 21 个专项动作,用于审计、优化和提升 UI 质量。通过 @impeccable 加动作名调用,如 audit、polish、critique 等。
面向 React/Next.js 项目的 shadcn/ui 使用技能,覆盖组件安装、定制、组合、调试与优化,强调组件代码归项目所有、通过组合与变体构建生产级界面。
overdrive 是一个让界面突破常规限制的前端技能,通过着色器、弹簧物理、滚动驱动揭示和 60fps 动画等技术手段,使界面体验更出色。
一份关于现代 React 状态管理的技能指南,覆盖 Redux Toolkit、Zustand、Jotai 与 React Query,用于搭建全局状态、管理服务端状态及在方案间做选择。
面向 Svelte 框架的技能指南,涵盖组件、响应式、store、过渡与编译,并涉及 SvelteKit 或 Vite+Svelte 的配置、路由与部署。适用于编写 Svelte 组件、响应式声明与逻辑,以及需要遵循最佳实践或快速上手核心概念的场景。
Angular 企业级应用开发协助技能,覆盖 Signals 细粒度响应式、Standalone 组件、依赖注入、RxJS 与 SSR,适用于构建企业级单页应用、现代响应式前端、渐进式 Web 应用与混合移动应用,以及复杂表单与校验流程。
Bootstrap 5 专家辅助技能,覆盖 12 列网格系统、Flexbox 工具类、组件与响应式断点。适用于快速原型开发、管理后台与内部工具界面搭建,以及基于 Sass 的设计系统定制。资料同时给出快速上手 HTML 模板、网格与 Flexbox 布局示例、Sass 变量覆盖、原生 JavaScript 组件初始化、响应式导航栏模式、最佳实践与常见问题排查。
Detox 是面向 React Native 的移动端端到端自动化测试框架,采用灰盒方式在应用内部运行并监控主线程,自动等待应用空闲,减少手动 sleep 带来的不稳定,支持 iOS 与 Android 模拟器/仿真器。
Parcel 是一款“零配置”打包工具,开箱即用支持 React、Vue、Rust(Wasm)等,v2.12 采用 Lightning CSS 提升性能。本技能提供零配置打包、转换插件、SVG/CSS/SCSS 资源管线、代码分割与多目标构建等专家级协助。
面向 React 19 的专家级辅助技能,覆盖 Server Components(RSC)、hooks、编译器优化与并发特性,适用于构建现代 Web 用户界面。
Vuetify 是面向 Vue 的综合 UI 工具库,v3(Titan)为 Vue 3 与 Vite 构建,提供 Material Design 组件、数据表格、响应式布局与主题能力,适合快速搭建企业级管理界面与仪表盘。
Sentry 前端容器查询迁移指南,用于把基于视口的响应式逻辑(@media、useMedia、screen: 前缀响应式属性)改为容器查询,让组件按自身可用空间响应。强调按像素值而非同名键映射断点,并必须做视觉检查。
token-lint 是 vapor-ui 提供的确定性检查脚本,用于扫描指定路径下 CSS/SCSS/Sass/Less/TS/TSX/JS/JSX 文件中的 var(--vapor-...) 引用,报告不在正式 vapor 设计令牌集合中的名称,并给出最接近的候选令牌建议。