pdp
面向 Next.js 商品详情页(PDP)的架构知识技能,涵盖图片画廊/轮播、缓存策略与加入购物车流程,适用于修改 PDP 布局、调试画廊滑动与缩略图、理解缓存与流式渲染、排查加购问题。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-06 00:14
22,170 个结果
面向 Next.js 商品详情页(PDP)的架构知识技能,涵盖图片画廊/轮播、缓存策略与加入购物车流程,适用于修改 PDP 布局、调试画廊滑动与缩略图、理解缓存与流式渲染、排查加购问题。
基于 Anthropic 官方准则的提示词设计、优化与质量检查工具,可创建新提示词、改进现有提示词、审查质量并理解提示词结构,输出完整的 System Prompt 与 User Prompt。
一个面向解谜游戏与密室逃脱的谜题设计技能,强调通过游玩教学、制造“顿悟时刻”,在挑战与挫败之间取得平衡,并依据参考文件进行创作、诊断与评审。
qwen-vision 是一个 Claude 技能桥接工具,通过调用 Qwen Omni 多模态模型,让 Claude 能够分析视频和图片。它借助 Python 脚本把媒体文件发送到 Qwen API 并返回文本分析结果,支持视频时序理解、图片分析、批量处理和多轮追问。
Slack GIF Creator 是一套用于制作适配 Slack 平台的动态 GIF 的工具包,提供尺寸与体积校验器、可组合的动画原语以及可选的辅助工具。它针对 Slack 的两类使用场景给出具体约束参考:消息 GIF 最大约 2MB、推荐尺寸 480x480、常见帧率 15-20 FPS、颜色限制 128-256、时长 2-5 秒;表情 GIF 体积上限严格为 64KB、推荐尺寸 128x128、常见帧率 10-12 FPS、颜色限制 32-48、时长 1-2 秒。工具包分为三类:校验器(检查 GIF 是否符合 Slack 要求)、动画原语(抖动、弹跳、移动、万花筒等可组合动效积木)、辅助工具(文本、配色、特效等通用函数)。整体设计理念是提供积木而非固定配方,在 Slack 技术约束内保留创作自由。
面向用户界面动效设计的技能指南,系统讲解动画原则、时长与缓动、微交互、加载态、页面与列表过渡、性能优化、无障碍和移动端适配,并给出 CSS、Framer Motion、GSAP 的用法要点与检查清单。
基于 Unity uGUI(Canvas/RectTransform/Anchors)的游戏 UI 设计技能,覆盖 HUD、血条、背包、技能栏、移动端响应式与 Safe Area 支持,通过 Unity MCP 工具创建与配置 UI 组件。
面向短视频创作者的爆款文案创作 Skill:通过抖音对标视频提取与拆解,学习钩子、结构、风格等方法论,再结合用户需求生成原创文案,并按字数与时长对标控制。
该技能用于审查 UI 代码是否符合 Web Interface Guidelines(Web 界面指南)。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为:先从指定源 URL 获取最新版指南,再读取用户指定的文件(或询问文件/匹配模式),随后对照获取到的全部规则逐条检查,最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。
LiteLLM-RS 的路由架构指南,介绍 7 种路由策略、基于 DashMap 的无锁设计、健康感知选择、回退链与负载均衡,用于在 66+ 个 LLM 提供商之间做智能选择。
该技能通过 inference.sh 命令行工具(infsh)调用 50 多种 AI 图像模型生成图片,覆盖 FLUX、Gemini、Grok、Seedream、Reve、ImagineArt、Topaz 等。用户安装 CLI 并登录后,可用 infsh app run 加对应应用 ID 和 JSON 输入快速文生图、放大图像、拼接多图等。资料列出了各模型的 App ID 与适用场景,并给出安装说明和示例命令。
知识漫画生成技能,支持多种画风与基调组合,能创作原创教育漫画,具备详细分镜布局与连续图像生成能力。通过斜杠命令调用,可指定画风、基调、排版、宽高比和语言等参数,同时支持部分工作流(仅分镜、仅提示词、仅图像、重新生成指定页)。内置自动选择机制,根据内容信号推荐画风与基调预设(如 ohmsha、wuxia、shoujo),并强制先生成角色设定图以保证视觉一致性。
baoyu-cover-image 是一个用于为文章生成封面图的技能,支持按五个维度进行定制:类型、配色、渲染风格、文字和氛围。它提供 9 种配色方案和 6 种渲染风格,可自动根据文章内容选择维度,也支持通过命令行参数手动指定。适用于为博客、公众号等文章快速生成风格统一的配图。
baoyu-infographic 是一个信息图生成技能,采用“布局×风格”双维度组合方式,提供 20 种布局类型和 17 种视觉风格,可自由搭配。它会分析输入内容,推荐布局与风格组合,先结构化整理内容,再结合布局定义、风格定义和基础提示词模板生成提示词,最终调用图像生成能力输出信息图(PNG)。支持命令行参数指定布局、风格、画幅比例和语言,也支持无参数运行后粘贴内容。所有源数据要求逐字保留,不做摘要或改写。适用于时间线、对比、层级、流程、仪表盘等内容的可视化表达,需要先准备内容文件或粘贴文本,图像生成依赖可用的图像生成技能。
UNBOUNDX Design 是一个用于生成 UNBOUNDX 品牌视觉物料的技能,适用于海报、社交封面、主视觉、名片、工牌、活动物料和 UI 模型等场景,强调硬核科技、精准极简的深色品牌风格。
该技能为中文口播类视频(演示、教程、真人口播等)提供以内容为先、以审阅为驱动的 ChatCut 剪辑工作流:先校验 ChatCut MCP 连接并读取项目状态,再建立转写与时间线的语义地图,提出视觉方向,按批次实施时间线变更,最后锁定剪辑并生成、校验字幕。它强调可编辑性、同步纪律与改后逐帧验证,不提供固定的视觉风格。
为 Sidecar 创建自定义配色主题的技能,支持选择基础主题、覆盖颜色、渐变边框、标签样式和按项目设置主题,并可浏览社区主题。主题配置在 ~/.config/sidecar/config.json 中完成。
Atomic CRM 的品牌替换技能:修改应用 logo(页头与登录/注册页的字标)和/或标题名称。适用于用户想更换 CRM 品牌标识的场景,覆盖多主题、多页面与硬编码标题位置。
这是一个浏览器端 AI 视频编辑技能,用于通过 WebMCP 工具编辑在 Timeline Studio 中打开的项目。它支持检查剪辑与素材、预览并应用多轨操作、字幕样式与位置调整、片段分割/裁剪/移动、音频音量与淡入淡出、标记管理、画中画与叠加层、项目比例与适配、AI 配音与转写、视频导出,以及重打光分析与深度图生成等。WebMCP 为实验性技术,需要兼容的浏览器与宿主环境;若页面工具不可用,可使用授权的浏览器控制或本地编辑技能。该技能不提供托管 HTTP MCP 端点或 OAuth 服务。
基于 dynamodb-toolbox v2 的 DynamoDB 单表设计指南,涵盖实体定义、键模式、GSI 设计、查询、事务与测试等实践。
面向功能设计与领域建模的架构技能,围绕领域驱动设计(DDD)与六边形架构,采用“纯函数内核+副作用边缘”模式,指导实体、服务、路由、仓储等组件的划分与任务拆分。
Codex Design Skill 是一个让 Codex 进入“设计交付模式”的技能:先澄清需求与收集设计上下文,再输出可运行的高保真 HTML 原型、幻灯片、动效 demo 或设计探索页,并提供可比较的变体与 tweak 维度,交付前完成加载、交互与稳定性验证。
Mastra Demo 是一个用于自动化制作产品演示视频的技能工具。它把浏览器自动化录屏(生成 GIF)、ElevenLabs 语音旁白生成和 Remotion 视频合成三部分串联起来,覆盖从创建项目、编写脚本、录制分镜、生成配音、构建视频组合到导出成片的完整流程。用户通过 /mastra-demo:init、script、record、audio、compose、render、status 等命令逐步推进,并以 DEMO_SCRIPT.md 定义叙事、设置、标题、分镜动作和片尾内容。使用时需要 claude-in-chrome MCP 扩展、ElevenLabs API Key、Node.js 18+ 和 ffprobe 等前置条件,适合需要快速产出带旁白的网页产品演示视频的场景。
将当前目录中的项目制作成 15–25 秒的发布视频:针对具体项目编写故事、用 HTML/CSS 还原真实界面,并输出分享文案与海报。该技能负责故事、叙事角度、分镜和语气;实际渲染由 html-video 包完成,包括固定版本的 Hyperframes CLI、素材审计、时序校验和交付包。改编自 latent-spaces/brag(MIT)。