frontend-design
为构建新界面或重塑现有界面提供视觉设计指导的技能,重点在于形成独特、有意为之的设计方向。它强调以真实主题内容为基础,做出关于配色、字体和布局的明确取舍,并避免常见模板化套路。技能以“设计工作室设计主管”的视角工作:先根据客户简报制定包含颜色、字体、布局和原则的紧凑设计计划,再对照简报检查是否流于通用,确认独特性后才编写代码。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-20 00:13
20,335 个结果
为构建新界面或重塑现有界面提供视觉设计指导的技能,重点在于形成独特、有意为之的设计方向。它强调以真实主题内容为基础,做出关于配色、字体和布局的明确取舍,并避免常见模板化套路。技能以“设计工作室设计主管”的视角工作:先根据客户简报制定包含颜色、字体、布局和原则的紧凑设计计划,再对照简报检查是否流于通用,确认独特性后才编写代码。
MoneyPrinterTurbo 视频生成技能:用户只需提供视频主题或脚本,技能自动完成安装、配置复用、生成、等待与最终 MP4 交付,支持中文竖屏视频。
面向 TikTok、Instagram Reels 和 YouTube Shorts 的竖屏短视频制作流水线,输入脚本或简报后输出带硬字幕的 1080x1920 H.264 MP4 及 video-manifest.json。依赖 fal.ai、egaki CLI 与 ffmpeg,可选 ElevenLabs 配音。
在内容工作区中创建与合成 HeyGen 数字人口播视频的技能:负责 HeyGen 鉴权、头像选择、生成与圆形头像版式,其余制作流程交由视频制作技能统筹。
Video Use 是一个通过对话编辑视频的技能:基于逐词转录文本做剪辑决策,支持转录、剪切、调色、叠加动画与字幕烧录,适用于口播、混剪、教程、旅行等素材。
brand-design-md 是一个设计技能,可为 62 个知名品牌(如 Stripe、Linear、Apple、Figma、Notion、Nike 等)获取精确的设计令牌,包括主色与强调色、字重、字距、圆角与阴影值,并将其应用到当前项目的 CSS 变量或 Tailwind 配置中。
Garry Tan 的「Designer Who Codes」设计审查技能(design-review-garrytan):对 UI 做结构化视觉审查,再以原子提交逐个修复问题,把设计债当作技术债处理。属于 garrytan/gstack 技能集,本页为目录条目。
Nano Banana 是一个基于 MCP 的生产级图像生成服务器,通过 Google Gemini 模型提供 AI 图像生成能力,支持智能模型选择、4K 输出、宽高比控制、智能模板与文件管理,可在 Claude Desktop、Cursor、Codex 等 MCP 客户端中配置使用。
一个图片压缩技能,可将图片转为 WebP(默认)或 PNG/JPEG,并自动选择可用压缩工具。适用于压缩图片、优化图片、转换为 WebP 或减小文件大小的场景。
interface-auditor 是一个依据 uxuiprinciples 气味分类法检测界面描述中 UX 反模式(smells)的技能,可返回匹配症状、严重程度与修复配方。需要 UXUI_API_KEY 时可调用 API 获取完整修复步骤。
用于为 Arduino、ESP32 或 RP2040 项目设计可 3D 打印外壳的技能,帮助处理尺寸测量、开孔定位、打印设置与防护等问题,并附有 OpenSCAD 模板与生成脚本。
Video Pre-Launch Check Officer 是一个视频生成前的需求与分镜准备技能,通过对话收集需求、盘点素材、确认视觉规范、拆解分镜,输出 video-spec.md 与 preview-board.md 供审批,用户批准后才进入 HyperFrames 渲染。
基于 Pollinations.ai API 的文本生成图像脚本,通过 node 运行 generate.mjs 并传入 --prompt、--model 等命令行参数。支持 flux、zimage、imagen-4、klein、gptimage 等免费模型,以及需付费环境变量的 seedream、kontext、nanobanana 等模型。
FrameVideo 的注册表技能,用于安装并接入注册表中的 block 与 component:用 framevideo add 安装可复用合成或效果片段,并把它们接入宿主合成。适用于 framevideo add、block、component、framevideo.json 相关场景。
面向 iOS/macOS 开发的照片库访问技能,讲解用 PHPicker、PhotosPicker 与 PhotoKit 实现选图、受限图库处理、保存到相册及变更监听,强调隐私优先与最小权限。
Design Justice 是一套面向边缘群体、以公平与创伤知情为核心的数字设计技能,提供认证、离线优先、共享设备隐私、创伤知情表单及记录清除等设计模式与检查清单。
一个将自然语言设计描述匹配到具体设计趋势的技能,覆盖 Swiss Modern、Neobrutalism、Glassmorphism 等 20+ 种风格,并提供趋势匹配脚本与设计模式库。
为项目建立统一视觉方向(style anchor),再据此生成图片的技能。适用于生成、编辑或替换任何图片资产(如 hero、og:image)之前,先锚定风格再出图,避免模型产出泛化结果。
用于把长视频(访谈、讲座、播客、对话)连同 SRT 字幕切成 3–6 个可独立观看的短片段。技能只负责按语义选题、精确切割和可选竖屏转制,之后把原始片段与逐段字幕交给 wjs-overlaying-video 做封面、字幕、插图与成片。
一个按设计思维五阶段(共情、定义、构思、原型、测试)组织的智能体技能,用于产品设计、解决模糊问题或不清楚用户需求时,引导逐步产出用户画像、共情地图、观点陈述、How Might We 问题、创意清单、原型与测试计划。
design-catalogue 是 podo/design-agent-skills 的设计技能目录导航元技能,用于浏览、发现设计技能,并把用户意图匹配到合适的技能 stub,再引导安装与调用。适合用户不清楚有哪些设计技能或不知道某个任务该用哪个技能时使用。
ACE-Step 歌曲创作指南,为 ACE-Step 音乐生成提供专业创作知识,涵盖 Caption(风格/流派/乐器/情绪描述)、歌词撰写、BPM/调性/时长等音乐参数选择以及歌曲结构编排。使用本指南后,可为 acestep 技能产出 Caption(-c)、带标签的完整结构化歌词(-l)以及 --duration、--bpm、--key、--time-signature、--language 等参数。
面向 FrameVideo 合成 HTML 的 Tailwind CSS v4.2 浏览器运行时使用技能,涵盖项目脚手架、工具类写法、@theme 自定义主题、v3 到 v4 迁移及运行时调试,并给出确定性与渲染校验建议。
FrameVideo 的 Three.js 与 WebGL 适配模式,用于创建确定性的 Three.js 场景、WebGL 画布层、AnimationMixer 时间线与相机运动,支持产品旋转展示、GLTF 模型动画、着色器效果等 3D 合成。