image-to-code
面向 Codex 的网站图像转代码技能,强调先由模型自行生成设计图、深度分析后再实现前端,适用于 hero、落地页、营销站等视觉要求高的场景。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 11-01 00:15
21,548 个结果
面向 Codex 的网站图像转代码技能,强调先由模型自行生成设计图、深度分析后再实现前端,适用于 hero、落地页、营销站等视觉要求高的场景。
面向移动应用的图像生成技能,用于产出高端、原生感强的 App 界面概念图与多屏流程图像,覆盖 iOS、Android 与跨平台。仅生成图像,不写代码、不做前端实现。
用 HTML/CSS 制作研究海报并可导出为 PDF 或转换为 PPTX 的技能,仅在用户明确要求 PowerPoint/PPTX 海报时使用;标准学术海报建议改用 latex-posters。
一个用于改造现有网站与应用、提升视觉质感的技能:先扫描代码库判断框架与样式方案,再诊断常见的通用AI设计模式,最后在原有技术栈内做针对性优化,不重写项目。
面向 Google Stitch 的语义化设计系统技能,用于生成 DESIGN.md 文件,以自然语言规则加精确数值约束界面风格,输出偏高级、避免通用化的视觉标准。需通过 labs.google.com/stitch 使用。
ed3d-plugins 中的技能,用于在头脑风暴完成后把已验证的设计写入 docs/design-plans/ 目录,生成结构化设计文档并划分可独立实施的阶段。
blender-environment-kits 是面向 Blender 游戏环境制作的一套技能与脚本工具,主要用于程序化地形生成、按层散布植被与岩石,以及模块化关卡套件的网格检查。地形脚本可根据噪声或高度图生成网格,或基于高度图生成网格,支持侵蚀、台地、平整游戏区,并可输出 16 位高度图与 RGBA splat 权重贴图,供 Unity 或虚幻引擎地形导入;散布脚本以几何节点修改器实现泊松盘分布,结合坡度、高度区间与遮罩控制实例位置,可导出实例化或点数据。套件检查脚本用于统一网格尺寸、枢轴、接缝与纹素密度,并修正物体的旋转、缩放与原点。资料未提供安装命令与具体收费、平台信息。
该技能用于把 Markdown 笔记通过 pandoc 和 Word 模板转换为带样式的 Google Docs,并上传到 Google Drive 生成可分享链接。适合需要统一品牌样式后再分享文档的场景。
面向智能体的视频/音频理解技能,按目标只检索所需片段,从长视频中提取时刻、引语、异议、钩子或证据,成本低于逐帧全量读取。输出带时间戳、模态、引语与置信度的结构化结果,不做剪辑、渲染、发布或写入CRM。
video-analysis 是一个用于分析 YouTube 视频或本地素材的技能:优先读取带时间戳的字幕来回答内容问题,仅在答案依赖画面、声音或时间点时检查视频片段,适用于摘要、引用提取、演示评审、剪辑与片段选择等场景。
narrated-video 是一个用于制作带旁白产品视频(如发布视频、产品演示或教程)的技能。它基于产品的真实截图和讲述者本人的网络摄像头旁白进行合成。使用者对着故事板录制一个完整的讲述镜头,智能体随后剪辑这段素材,并将产品的真实截图动画化以配合旁白:每个场景都有开场,每次点击都精准落点,每次搜索都逐字键入。整个视频即代码(一个 HyperFrames 合成加上一份剪辑清单),因此更换一段讲述、更新一个界面或调整镜头顺序只需重新运行,而不是重新剪辑。视频始终服从旁白,而非相反。
Nano Banana 2 是基于 Google Gemini 3.1 Flash(gemini-3.1-flash-image-preview)的 AI 图像生成技能,通过 Evolink 统一 API 提供快速文生图与图像编辑,需使用 EVOLINK_API_KEY。当前为 BETA。
面向 DevOps LMS 的 UI/UX 设计技能,提供暗色模式配色、字体与间距规范,以及仪表盘、课时、进度等页面布局和组件模式,在涉及页面、导航、响应式与可访问性设计时启用。
Codex Agent Skill:把 Codex CLI 当作受管编码智能体来操作,覆盖从 git worktree 隔离、tmux 会话启动、任务登记与监控,到 PR 创建、多模型代码评审、合并后清理的完整流程,并包含快速模式、智能重试与并行执行策略。
architect 是一个只读的架构建议技能,仅在用户明确点名 architect 时启用。它基于代码仓库现状,推荐最小可行方案并解释关键权衡,返回内联备忘录而非文件或计划。
一套用于设计“自发性内部触发”的方法论技能,帮助产品在无推送、无邮件等外部提醒时,让用户因情绪或情境自动想起并使用产品,从而提升长期留存与可持续参与。
evaluate-asset 是 fors vn-labs/meta-skills 中的评估技能,用于在既有评估循环内,对已重新摄入的静态视觉成品(图片、图形、轮播帧)按简报验收标准与品牌规范打分,输出循环快照、台账行与下一步建议。
AI Architect Newsletter 是一个用于自动生成 AI 架构师行业通讯的技能,整合最新 AI 新闻、研究洞察与视觉设计,输出可直接使用的 HTML 与纯文本通讯。
HyperFrames 中用于接入 Anime.js 动画的适配器模式。适用于在 HyperFrames 合成中编写 Anime.js 动画或时间线、注册动画实例并使其可被模板时钟驱动播放的场景。
用于在各类内容创作中应用并统一品牌声音的 Claude 技能。管理声音属性、按渠道调整语气、风格规则与术语,适用于写作前先读取声音配置、检查反模式并保持跨渠道一致表达的场景。
CSS Animations 是 HyperFrames 中的一套 CSS 动画适配器使用规范,用于在 HyperFrames 项目中编写和定位 CSS 关键帧动画。HyperFrames 可通过其 CSS 运行时适配器对 CSS 关键帧动画进行 seek(跳转定位),因此该技能适用于简单重复的图形元素、背景运动、微光、发光、遮罩以及非顺序性的装饰效果。对于需要场景编排的场景,通常使用 GSAP 会更清晰;CSS 动画更适合运动属于单个元素且时长固定的情况。该技能给出了动画元素的契约要求(如在运行时初始化完成前放入 DOM、设置 data-start、使用有限的动画时长和迭代次数、优先使用 animation-fill-mode: both 等),并提供了基础模式与错峰(stagger)模式的示例代码,以及适合与不适合使用的场景和校验命令。
GSAP 是 HyperFrames 使用的动画参考与运行时约定。它说明 HyperFrames 如何通过 gsap 运行时适配器控制 GSAP:需同步创建暂停的时间线,并以与 composition 根节点 data-composition-id 相同的键注册到 window.__timelines,再由 HyperFrames 进行 seek 驱动。资料涵盖核心补间方法(to、from、fromTo、set)、常用配置项(duration、delay、ease、stagger、repeat、回调等)、变换与 CSS 属性别名、基于函数的值、缓动、默认值、补间控制、matchMedia 响应式与无障碍、时间线(创建、位置参数、标签、嵌套、播放控制)、性能优化与清理,以及与 HyperFrames 搭配时的注意事项(如不调用 tl.play() 处理渲染关键动画、不在异步代码或事件处理器中构建时间线、循环次数必须有限)。
Higgsfield Generate 是一个通过 higgsfield CLI 向 Higgsfield 各类模型提交图像、视频生成任务的技能,覆盖通用图像/视频生成、Marketing Studio 品牌广告与 Virality Predictor 视频评分。
Higgsfield Marketplace Cards 是 Higgsfield 提供的一项技能,用于生成电商平台可用的商品图片卡片,包括合规主图、副图以及 A+ 风格内容模块。通过命令行工具 higgsfield marketplace-cards create 调用,先由后端增强器处理平台规则与模板(规则和模板保持私有),再创建 nano_banana_2 任务并输出结果图片 URL。支持按常见组合(主图、商品图组、A+、全套)或自定义素材子集生成,适用于需要为商品列表页准备成套视觉素材的场景。