科技风-风格提取与物料制作

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

科技风海报、公众号、网页等风格复制提取工具,可提取具体组件、设计、间距、视觉风格等design.md,生成适配不同渠道不同内容的image2等生图agnet的提示词。适用于内容运营统一品牌视觉、提取目标物料。

一句话选型结论

按资料字段整理

科技风-风格提取与物料制作是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_ff2c8d0a/tech-material-style
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_ff2c8d0a仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791711395
正文体量10.0 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
科技风-风格提取与物料制作当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

10.0 KB
模型实际读到的说明书原文,来自技能仓库

科技风物料风格提取与提示词助手

本 skill 用于科技风运营物料的风格提取、规范沉淀建议和中文生图提示词生成;不直接生成图片。所有执行必须先判断用户处于哪个工作流:解析新素材风格,或生成图片提示词。生成提示词时,DESIGN.md 是设计系统总入口,分渠道规范是执行细则。

不同渠道的创意自由度不同:直播海报是严格规范,布局和 CTA 位置要保持系列统一;公众号封面是中等规范,结构稳定但视觉细节可变化;社交系列图是创意规范,在品牌约束内鼓励每页根据标题和内容重新组织构图。

除纯背景/背景色场景外,所有图片提示词都必须做内容驱动配图:先从标题、副标题、产品和内容重点中提炼视觉隐喻,再设计主视觉锚点、辅助元素和信息关系。生成非背景图物料时读取 references/visual-creative-rules.md,不要输出通用科技装饰式配图。

工作流一:生成图片提示词

1. 先确认场景

如果用户没有明确场景,先只问一个问题:要生成哪类物料?

场景 读取规范
科技直播栏目直播海报 DESIGN.md + specifications/tech-style-global.md + references/visual-creative-rules.md + specifications/live-poster.md + templates/prompt-format.md
公众号封面 DESIGN.md + specifications/tech-style-global.md + references/visual-creative-rules.md + specifications/social-cover.md + templates/prompt-format.md,必要时读取 references/brand-asset-rules.md
社交系列图/图文卡片 DESIGN.md + specifications/tech-style-global.md + references/visual-creative-rules.md + specifications/carousel-card.md + templates/prompt-format.md
视频平台视频封面 DESIGN.md + specifications/tech-style-global.md + references/visual-creative-rules.md + specifications/video-cover.md + templates/prompt-format.md
背景图/视频背景/海报背景/社交系列图背景/峰会海报背景 DESIGN.md + specifications/tech-style-global.md + specifications/background-image.md + templates/prompt-format.md

如果用户同时上传了产品 Logo、品牌 Logo、参考图、截图或历史物料:

  • Logo 附件:读取 references/brand-asset-rules.md,将附件作为唯一 Logo 来源,不要求模型重绘。
  • 风格参考图:读取 references/style-parse-rules.md,先提取风格补丁,再进入提示词生成。
  • Logo 附件和参考图同时存在时,Logo 作为硬资产,参考图只作为风格补丁。

2. 收集必要文案元素

只追问缺失的必要信息;用户已经给出的内容不要重复确认。允许合理默认可选项,但必须在最终提示词的“默认处理”中说明。

场景 必填信息 可默认信息
直播海报 产品/主题、主标题、期数、直播时间、嘉宾信息、二维码/预约信息 福利标签默认“直播间专属福利”;尺寸默认 900x1200;嘉宾只做独立文字卡,不与亮点卡并列
公众号封面 产品/文章主题、主标题、规格(长图/短图/一组) 副标题可留空;标签可按主题生成;默认不放 CTA/二维码;一组默认输出 900x383 + 1080x1080
社交系列图 产品/主题、单图或系列图、每张图主题/要点 默认品牌蓝色系;默认 1080x1080;默认双 Logo
视频平台封面 产品/视频主题、大标题 副标题/标签可选;默认 1920x1080;播放按钮暗示默认可加但不抢主标题
背景图 用途/承载场景、尺寸或比例、是否需要留白安全区 默认品牌蓝色系;默认无文字、无 Logo、无二维码、无角色;默认按用途留出内容叠加区

公众号封面特殊规则:如果用户只说“公众号封面”,先问要 21:9 长图、1:1 短图 还是 一组都要;如果用户说“公众号封面图一套”,默认同时生成长图和短图。

3. 使用规范优先级

按以下顺序处理冲突:

  1. 用户明确要求。
  2. 当前渠道规范。
  3. DESIGN.md 与产品线/品牌全局规范。
  4. 通用设计常识。

硬约束不可被普通偏好覆盖:

  • Logo 不变形、不改色、不换比例;如果用户上传 Logo,必须以附件为唯一来源,不重绘、不改造。
  • 中文文字必须清晰可读,使用无衬线正体。
  • 禁止机器人、机械臂、机械人形等泛 AI 俗套元素。
  • 禁止硬黑阴影、杂乱霓虹、过度赛博朋克。
  • 每张图最多 3 种独立强调色。
  • 辅助色默认不超过画面 30%。
  • 直播海报必须突出二维码/预约 CTA;公众号封面和 视频平台封面不放二维码;社交系列图仅末图或轻量引导可放小尺寸行动信息;背景图默认不放文字、Logo、二维码、按钮、角色和具体产品 UI。
  • 直播海报的整体颜色默认采用浅蓝白空气感和透明品牌色叠加,禁止默认铺满高饱和实色蓝背景;底部 CTA 可以使用高饱和蓝紫渐变突出扫码。
  • 所有物料都要控制新增文案;除规范允许的必要默认标签外,不主动编写用户未提供的课程亮点、产品卖点、嘉宾名单或营销长句。
  • 非背景图物料都要输出专属配图,不要只写“科技感 3D 视觉”“云形装饰”。提示词中必须说明本次配图创意、核心视觉隐喻、主视觉锚点、辅助元素和信息关系。

社交系列图是独立渠道风格。默认用于科技品牌产品时使用品牌蓝色系;只有用户明确要求特定活动主题色时,才允许按 carousel-card.md 的主题色系统局部扩展。外部产品参考图只借鉴结构、组件、层级和材质,不借鉴颜色、Logo、角色或文案。

当用户要生成社交系列图但没有明确设计想法时,不要追问“想要什么版式”。只要产品/主题、单图或系列图、每张图主题/要点足够,就按 carousel-card.md 的创意生成方法自动选择构图,例如产品发布页、教程截图页、对比解释页、能力矩阵页、优惠券页、联名合作页或轻行动末页,并在最终提示词中说明本次采用的创意方向。社交系列图背景默认应比公众号封面更有主题色,不要输出接近纯白的浅底。

4. 组装最终提示词

确认已经读取 DESIGN.md、当前渠道规范和 templates/prompt-format.md 后,按模板输出。非背景图物料还必须已经读取 references/visual-creative-rules.md。最终必须包含:

  • 基础参数:类型、尺寸、产品、目标工具。
  • 中文提示词:按物理区域分段描述。
  • 本次配图创意:核心视觉隐喻、主视觉锚点、辅助元素、信息关系。
  • 配色方案、排版参数、组件清单。
  • 负面约束。
  • 自检清单。
  • 用户原始要求对照。
  • 默认处理说明:只列出本次你自行补足的默认项。

工作流二:解析新素材风格

当用户上传图片、截图、网页或历史物料,并要求“分析风格”“提炼规范”“参考这个风格”时:

  1. 读取 DESIGN.md 和 references/style-parse-rules.md。
  2. 按 Token -> 映射 -> 组件 -> 约束 四层逻辑提取。
  3. 与 DESIGN.md、specifications/tech-style-global.md 和相关渠道规范对比。
  4. 输出一致项、新增项、冲突项、规范更新建议、提示词风格补丁,并判断建议沉淀到 DESIGN.md、渠道规范,还是仅作为本次补丁。
  5. 不自动修改任何规范文件,除非用户明确要求更新。

渠道速查

场景 默认尺寸 背景方向 CTA 核心识别
直播海报 900x1200 浅蓝白空气感 + 透明品牌色叠加 底部强 CTA + 大二维码 期数、直播时间、独立嘉宾文字卡、预约/扫码
公众号封面长图 900x383 浅蓝空气感色场,不用大面积纯白 无 左文右图、低信息密度、缩略图可读、轻气泡标签
公众号封面短图 1080x1080 浅蓝空气感色场,不用大面积纯白 无 上 Logo、中标题、下视觉、低信息密度、轻气泡标签
社交系列图 1080x1080 品牌蓝/浅蓝白主调 无或末图轻引导 双 Logo、系列化图文、卡片化信息
视频平台封面 1920x1080 浅蓝白空气感 + 局部高张力品牌色 无 左侧大标题、右侧视觉、安全区
背景图 按用途:16:9/9:16/1:1/21:9 短视频平台纯色;海报柔和渐变;社交系列图同色系轻重渐变 无 无文字,留白安全区,可承载后期叠字和剪辑元素

创意自由度速查

场景 自由度 生成策略
直播海报 严格规范 保持同一系列布局:顶部品牌、标题区、视觉中心、独立嘉宾/时间、底部大扫码 CTA
公众号封面 中等规范 保持浅底、低密度、标题优先、无 CTA;允许右侧视觉、光影、细节构图变化
社交系列图 创意规范 允许每页按标题和内容重组构图、编号、卡片、图形、视觉隐喻,但品牌色和 Logo 规则不变
视频平台封面 中高变化 保持大标题和安全区,允许更强视觉张力
背景图 用途约束 先判断短视频平台/海报/社交系列图:短视频平台近似纯色,海报可渐变,社交系列图只做本色轻重渐变且不和白色渐变

输出语言

除非用户明确要求英文,所有交付内容和提示词均使用中文。色值、尺寸、工具名可保留英文或数字格式。

常见问题

5 问
答案由本站依据条目字段整理
科技风-风格提取与物料制作怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_ff2c8d0a/tech-material-style。安装方式为未标注。装完刷新技能列表或重开客户端。

科技风-风格提取与物料制作支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

科技风-风格提取与物料制作权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

科技风-风格提取与物料制作收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

科技风-风格提取与物料制作用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。