Agent skill · Frontend

paper-workflow-hero

把产品、服务或工作流主题编译成「暖纸拟物流程主视觉」提示词——奶油纸底上,扁平UI卡片 + 写实拟物道具 + 半写实绘画人物三种质感共存,用左→右流程图讲一个"输入→核心→标准→交付→回流"的叙事,配衬线大标题。用户提到拟物流程图、纸感hero图、官网主视觉、营销主图、SaaS hero、拟物UI配真人、产品叙事图、landing page key visual、workflow hero,或给出一张同风格参考图要求做同款时使用。不用于纯扁平图标风、写实摄影、3D渲染或产品UI截图。

FANzR-archgithub.com/FANzR-archGitHub ↗
claude-code
Install
npx skills add FANzR-arch/Phil-design-skills --skill paper-workflow-hero --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 6
SKILL.md size: 2 KB
Bundled scripts: none
Path: paper-workflow-hero/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 58

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Paper Workflow Hero 奶油纸底 + 三种质感共存的流程叙事主视觉。核心不是某一种材质,而是**三种渲染语域在同一张图里各守边界**。 ## 风格 DNA(七项,任何主题不变) 1. **三语域共存且互不侵蚀**:扁平 UI 卡片(哑光米白、圆角、弥散投影、细线图标、无渐变)/写实拟物道具(可见布纹、金属、纸边,真实接触阴影)/半写实绘画人物(暖肤色、软笔触边、细画布颗粒,非照片)——三者边界必须分明,任何一种质感蔓延到另一域,风格即塌; 2. 背景是**单一奶油纸色**,仅极轻纸纹,零杂物零渐变; 3. **单一紫色贯穿**所有连线、图标、勾选、徽章;高饱和暖色(橙)全图只允许出现一次(便利贴); 4. 连线是**圆角直角紫色流程线 + 小实心箭头**,单一清晰的阅读顺序,一条回流环; 5. 核心隐喻由**一件写实拟物道具**承载(卡片目录盒、木抽屉、活字盘……),它是全图质感锚点; 6. 人物与流程图**共处同一物理空间**,注意力落在图上,**主要人物不看镜头**——这是缝合两个世界的机关。人数、位置、姿态、动作、裁切方式全部自由; 7. 大衬线标题(近黑墨绿)+ 小衬线 tagline 中**单个词换品牌紫**。 第 1 条最容易丢:模型默认会把整图统一成一种质感(全 3D 或全插画)。第 6 条其次——人物一旦看向镜头,图就断成两半。 ## 多样性纪律 DNA 七条固定,**舞台调度必须每张都换**。 首轮五图实测:三语域分离、单色贯穿、文字渲染全部成立,但五张的版式、人物位置、姿态、裁切和桌面道具几乎完全相同——因为初版母版把源图的一次调度决策写成了固定值。 现在调度拆成三张模块库(版式 / 人物 / 桌面道具,见 `references/from-scratch.md`)。**每次生成从三张表各抽一项,且与最近一次不同**;成组产出时先把整组的抽取结果列出来,确认无重复再编译。 ## 模式判别 - 用户给**主题**要从零生成 → `references/from-scratch.md`(母版 + 道具/色板/人物模块库) - 用户要**能整段发给别人、对方只填主题就能用的版本** → `ARTICLE-COPY.md` - 用户给了**同风格参考图**要做同款 → 仍走母版,只把参考图里的内容决策(写什么字、几张卡、什么道具)填进空槽,制作手法一律用母版的 ## 提示词书写规则 七段带标签,按此顺序:**Use case / Scene / Subject / Key details / Composition / Text in image / Constraints**。 排除项并进 `Constraints` 段,**不单独输出负面提示词块**——GPT Image 2 没有 negative 通道。 画面文字逐字放

What's inside
Steps it walks through
  1. 风格 DNA(七项,任何主题不变)
  2. 多样性纪律
  3. 模式判别
  4. 提示词书写规则
  5. 状态与已知风险
  6. Guardrails
Ships with 5 files
  • ARTICLE-COPY.md
  • assets/preview.png
  • evals/test-prompts-round2.md
  • evals/test-prompts.md
  • references/from-scratch.md
More from Phil-design-skills
All skills →
brand-icon-banner把一条平台观察、政策解读或产品判断编译成「立体品牌图标横幅」生图提示词:近白影棚虚空里悬一枚厚圆角立体 App 图标,图标上是真实品牌 logo,左侧压三层中文文字(小标签 / 反白块大标题 /…Content & Marketingcraft-diorama-still-life把文章、观点或产品主张编译成「一个实物替一句判断」的手作拟物静物提示词——剪纸质感、微缩场景、轻拟物、克制静物摄影感。用户提到拟物风封面、拟物风章节图、剪纸质感、微缩静物、实物隐喻配图、craft…Design & Presentationduotone-press-collage把文章主题、判断句或工作流小节编译成「双色套印拼贴」提示词——纯色平涂底上,实物被处理成粗网点双色套印剪影、带白色刀切描边贴上去,画面里必须有一件可见的连接物把关系画出来,角上配裁切线、套版十字线和色…Otherengineering-blueprint-sheet把产品、流程、概念或文章主题编译成「工程图纸」风格生图提示词:晒图蓝底白线(默认)/白纸蓝线/陈年棕黄三种纸张寄存器,四种图面模式(流程拓扑 / 三视图 / 爆炸图 /…Otherflat-field-cover-poster把主题、标题或人物概念编译成「平涂色场杂志封面」提示词:单一纯平色底 + 写实人像摄影,超大压缩体大写标题横跨上三分之一、第二行穿过头肩被部分遮挡,一个手绘元素压在前景下角桥接照片层与图形层,四周环绕…Design & Presentationbauhaus-visual-prompt把包豪斯(Bauhaus)视觉语言拆成媒介模块,识别用户意图后编译成一条确定性、可直接用于图像模型的提示词。用户提到包豪斯风格封面、文章配图、栏目/活动海报、Bauhaus…AI & Agents
About this skill
What does the paper-workflow-hero skill do?

把产品、服务或工作流主题编译成「暖纸拟物流程主视觉」提示词——奶油纸底上,扁平UI卡片 + 写实拟物道具 + 半写实绘画人物三种质感共存,用左→右流程图讲一个"输入→核心→标准→交付→回流"的叙事,配衬线大标题。用户提到拟物流程图、纸感hero图、官网主视觉、营销主图、SaaS hero、拟物UI配真人、产品叙事图、landing page key visual、workflow hero,或给出一张同风格参考图要求做同款时使用。不用于纯扁平图标风、写实摄影、3D渲染或产品UI截图。

How do I install it?

Run `npx skills add FANzR-arch/Phil-design-skills --skill paper-workflow-hero --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From FANzR-arch/Phil-design-skills, a repository with 58 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going