Token导航 LogoToken导航

Agent Skill · 前端设计

article-to-cover(文章涵盖)

article-to-cover 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

article-to-cover 是前端设计类 Agent Skill,可用宿主为 Codex、Claude、Cursor、Gemini CLI,通过GitHub 仓库获取,权限为只读;许可证信息还不明确,第三方扫描有提醒项,按安装量在前端设计类的 10,216 个 Skill 里排第 9,806。

总安装 194周安装 8GitHub Stars 公开资料未说明下载 63核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
unknown

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:article-to-cover(文章涵盖)
来源仓库:https://github.com/tangyang/skills
仓库路径:skills/article-to-cover
安装命令:
npx skills add https://github.com/tangyang/skills --skill article-to-cover
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/tangyang/skills --skill article-to-cover

这个 Skill 是做什么的

前端设计类 Skill 关注页面结构、视觉规范和组件写法,输出通常是可运行的界面代码。

article-to-cover 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。它支持分析文本输入并生成结构化视觉指令,适用于创意方向规划或参考图重建等场景。

可通过 npx skills add 命令安装,需确认权限范围和维护状态后再使用。涉及联网、命令执行或文件读写时,应先评估安全风险并核对操作边界。适用宿主包括 Codex、Claude、Cursor、Gemini CLI,接入前应确认版本、权限和运行环境要求。

来源仓库内路径:skills/article-to-cover

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 Codex、Claude、Cursor、Gemini CLI;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 npx skills add https://github.com/tangyang/skills --skill article-to-cover;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它标注为只读,先用只读任务试一次,确认行为符合预期再扩大使用范围。

常见问题

6 条

article-to-cover 怎么安装?

在终端执行 npx skills add https://github.com/tangyang/skills --skill article-to-cover。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

article-to-cover 支持哪些 AI 工具?

公开资料标注支持 Codex、Claude、Cursor、Gemini CLI。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

article-to-cover 需要什么权限?

权限级别是只读。该 Skill 主要提供规则、说明或参考内容,本身偏只读;真正读写文件、联网或执行命令仍取决于宿主 Agent 的任务。

article-to-cover 是免费的吗?

公开资料没有标注明确许可证,收费和商用限制都无法确认。正式使用前请到来源仓库核对授权说明。

article-to-cover 用的人多吗?

公开数据是累计安装 194 次,近一周安装 8 次,下载 63 次。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

article-to-cover 安全吗?

第三方扫描有提醒项,说明存在需要人工确认的行为。安装前请打开源码看清它读了什么、联网到哪里。

值得选的地方和要先想清楚的地方

值得选的地方

  • 同时适配 4 种工具,换客户端不用重新找替代品。
  • 标注为只读权限,试用阶段不容易误改本地文件。

先想清楚的地方

  • 许可证没有明确标注,能不能商用、能不能再分发都不确定。
  • 第三方扫描存在提醒项或未通过项,需要人工逐条确认。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 Codex,想直接扩展它能力的人。
  • 需要处理前端设计类任务、又不想每次都手写提示词的人。
  • 只想先试试效果、不希望它改动本地文件的人。

不太适合

  • 需要明确授权才能用到公司项目里的场景。
  • 需要厂商级技术支持和 SLA 的生产系统。

前端设计类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
frontend-design

前端设计 · Codex、Claude

8,823,360126,072只读MIT通过
vercel-composition-patterns

Vercel 组合模式 · Codex、Claude

3,858,81625,893需要联网MIT通过
vercel-react-native-skills

Vercel React native skills 前端 · Codex、Claude

2,468,66425,878只读MIT通过
adapt

adapt 搜索 · Codex、Claude

2,027,04023,125操作浏览器未明确通过
bolder

bolder 分析 · Codex、Claude

2,004,28823,130只读未明确通过
article-to-cover

文章涵盖 · 本页

194—只读未明确有提醒

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

article-to-cover

Overview

Art-director-level poster design skill. Analyzes text input, anchors style direction, plans visual hierarchy, and outputs structured AI generation instructions. Two modes: creative direction from scratch (no reference image), or reference-image-based reconstruction/mimicry.

Dependencies

  • engine: meitu-ai
  • user data: ~/.openclaw/visual/

Core Workflow

Step 1: Load Context

  1. Analyze user input — Read the provided text (article, chat transcript, or design brief). Synthesize core message into headline + subtitle candidates.
  2. User preferences — If ~/.openclaw/visual/memory/global.md exists, read for style preferences. If contexts/poster.md exists, read for poster-specific preferences.
  3. Experience log — If ~/.openclaw/visual/journal/knowledge.yaml exists, scan for entries related to this industry or similar tasks.
  4. Brand assets — If user specifies a brand, read ~/.openclaw/visual/assets/brands/{brand}/:

- Brand tone, personality, market positioning - Color system (primary 60–70%, secondary 20–30%, accent 5–10%) - Logo file and usage specs - Derivative graphics if available

Step 2: Route — Determine Scenario

  • User provides reference image → go to Step 3B: Poster Analyse
  • No reference image (text/brief only) → go to Step 3A: Creative Direction

Step 3A: Creative Direction (No Reference Image)

Read references/design-constraints.md for hard rules (logo, human diversity, negative lexicon, medium-type). These apply to all output.

3A.1: Classify Brand Information Level
LevelUser providesAction
B1Brand tone + color systemAnchor on tone and colors
B2Tone + colors + logoAdditionally analyze logo for visual linkage opportunities
BasicNo brand assetsExtract temperament from text, use industry mapping for color
FranchiseReferences a well-known IP (Harry Potter, Marvel, etc.)Lock franchise visual DNA as style anchor, skip industry mapping
3A.2: Identify Industry + Market

Industry identification — Read references/industry-styles.md for the mapping table:

  1. Match industry keywords from text content (food, fitness, finance, etc.)
  2. Validate via semantic analysis: core nouns, core verbs, usage scenarios
  3. If brand info exists, infer industry from brand attributes
  4. Output: primary industry + core semantic features (B2B/B2C, audience, emotional tone, scenario)
  5. If industry not in library → follow Unknown Industry Handling in same file

Market identification — Based on input language, cultural cues (currency, date format, festivals), brand origin:

  • Output: target market (North America / Europe / Latin America / Asia Pacific) + cultural sensitivity requirements
3A.3: Determine Medium Type

Follow illustration trigger rules strictly from references/design-constraints.md:

  • Illustration allowed ONLY if: user explicitly requests it, reference images are illustration-style, or user specifies illustration keywords
  • Otherwise: must use Photography / Vector Graphic / 3D Rendering
  • Apply negative lexicon: ban watercolor, line art, etching, hand-drawn terms
  • Record medium type internally (do not show user)
3A.4: Anchor Style
  1. User provided brand logo → anchor on logo temperament, explore adjacent aesthetics within same visual school
  2. User specified style keywords → anchor on that style, explore adjacent range
  3. No style guidance → use industry auto-mapping from references/industry-styles.md, select highest-matching style
  4. For the 6 special industries (primary school, university, medical, nonprofit, finance, rental) → apply mandatory layout rules from industry-styles.md

Validate: visual clarity, emotional resonance, brand fit, execution feasibility, style–visual binding.

3A.5: Creative Ideation + Deepening

Read references/creative-framework.md for the full creative methodology. Execute in order:

  1. Deconstruct brief — Identify core assets and constraints (text, brand, imagery, layout)
  2. Style + element matching — Combine industry core subjects (coffee → machine/cup; beauty → products/brushes) with style signature elements to build visual scene
  3. Concept expansion — Avoid clichés; seek metaphorical visual expressions; balance metaphor with clarity; apply contrast, white space, rhythm, hierarchy, visual metaphor
  4. World-building — Typography as design protagonist or deep graphic interaction; scene construction from classic style scenarios
  5. If Franchise — Lock franchise visual DNA, label directions as "IP Name + Core Style – Variant", include franchise signature elements in core visual
  6. Deepen — If logo exists → deep graphic analysis (shape derivation: literalization / negative space / repetitive composition). Elaborate visual intention (composition + color + lighting → narrative + emotion). Apply Swiss International Style for layout system.
  7. Translate to AI instructions — Convert all artistic concepts to production instructions with style catalysts (era / medium texture / emotional aesthetics keywords)
3A.6: Output

Generate structured output following Scenario 1 format in references/output-formats.md:

  • Design Direction with style name
  • Core Visual (must include: style signature elements + industry core subject + stylized scene)
  • Visual Elements (subject & environment, lighting & atmosphere, color language, composition & camera)
  • Layout & Typography (typography concept, layout strategy with information hierarchy, text–image relationship)
  • Overview (style + one-sentence summary of strongest visual scene)
  • AI Production Instructions (JSON with project_manifest, visual_style_system, scene_elements, typography_layout, ai_generation_prompts)

Quality check before output:

  • Output language matches user input language
  • Strong binding between style name and all visual/layout/typography modules
  • Core visual contains all three required elements
  • Total colors ≤ 3 (excluding grayscale), body text contrast ≥ 4.5:1

Step 3B: Poster Analyse (With Reference Image)

Read references/design-constraints.md for hard rules. Read references/poster-analyse.md for the full analysis methodology.

3B.1: Intent Routing (Priority 1 > 2 > 3)
  1. Explicit commands — "like this image" / "keep layout" / "series" → Mimicry; "redesign" / "refer to vibe" / "optimize" → Washing
  2. Implicit scenarios — Content swap only ("replace person with cat", "change title") → Mimicry; Extract attribute for new carrier ("use this color scheme for something else") → Washing
  3. Ambiguity default — Reference image + simple keywords only → Washing (provide upgraded scheme, not copy-paste)
3B.2: Reverse-Engineer Reference Image

Extract comprehensive visual DNA:

  • Style/medium — Physical texture only (e.g., "3D render", "Risograph"). Strictly forbidden to describe specific objects.
  • Layout — Grid structure, composition logic, reading path
  • Font form — Case (ALL CAPS / Title Case / lowercase), arrangement (stacked / curved / scattered)
  • Brush stroke — Precise medium description (chalk texture, gouache dry brush, vector gradient), never generic "illustration"
  • Detail insight — If no facial features → add "faceless character, blank face" to prompt and "eyes, nose, mouth" to negative
  • Vector/stroke — Distinguish "flat vector, lineless, clean edges" vs "outlined, ink stroke"; if no strokes → emphasize "no outlines"
3B.3: Extract Soul Anchor (Washing mode only)

Identify the single most irreplaceable, highest-design-value element:

Anchor typeTriggerAction
TypographyFont is highly distinctive (liquid, 3D inflated)Lock font style → reconstruct layout + color
LayoutGrid is highly distinctive (deconstructionism, special segmentation)Lock layout framework → reconstruct font + color
VibeLight/shadow or medium is highly distinctive (film grain, acid light)Lock physical texture → reconstruct layout + font
3B.4: Deep Thinking
  1. Image-text layout — Brainstorm 6 options, select 1 distinctly different from reference
  2. Main visual — Use user description if provided; otherwise deduce from theme
  3. Text — Use user copy verbatim (modification strictly forbidden); if none, deduce from theme
  4. Color:

- Mimicry → follow reference colors - Washing → execute Hue Cleansing: forbidden to reuse reference main hue; retain color relationship but replace hue (black+gold → white+chrome; high-sat red+blue → high-sat purple+green)

3B.5: Reconstruct

Mimicry mode: Style 100% locked. Redraw composition for new content. For text changes: identify original title A, confirm user's new copy B, output instruction "change text '[A]' to text '[B]'".

Washing mode:

  • Coordinate Reset — Detect reference composition logic, select opposing logic:

- Symmetrical → negative space / diagonal / scattered - Flat/front view → top-down / bottom-up / 3D / fisheye - Real-scene photo → macro close-up / partial crop / out-of-focus

  • Hue Cleansing — New colors must differ ≥ 90° on color wheel from reference
  • Abandon reference grid completely. Build new reading path from user copy hierarchy.
3B.6: Self-Correction Protocol

Before outputting, verify:

  1. Color check — Does new palette overlap reference main hue? If yes + no user brand color specified → enforce color inversion or complementary color
  2. Layout check (Washing only) — Has layout been re-planned? If not → re-plan
  3. If any check fails → roll back and re-plan. Do not output failed result.
3B.7: Output

Generate JSON following Scenario 2 format in references/output-formats.md:

  • mission_logic — intent + soul extraction reasoning
  • design_blueprint — reconstructed concept, style, color, layout, typography, composition, detected mode
  • content_firewall — discarded reference objects + unlocked features
  • prompt — Final English prompt: [New Color]::3 + [concept]::2 + [anchor] + [mutations]. --no [ignored] --iw 0.5

Step 4: Generate Image via meitu-ai tool skill

  1. Extract prompt from Step 3A JSON (ai_generation_prompts.primary_prompt) or Step 3B JSON (prompt)
  2. Determine dimensions from design spec or user requirements (default: 1080×1350 portrait poster)
  3. Run: python3 "{baseDir}/../meitu-ai/scripts/run_command.py" \ --command "image-generate" \ --input-json '{"prompt":"{prompt}","size":"{width}x{height}"}'
  4. If generation fails → adjust prompt and retry through the same meitu-ai command runner

Step 5: Compliance Check

  1. Brand — Logo placement matches rules, colors accurate, tone consistent
  2. Platform — If target platform specified, read ~/.openclaw/visual/rules/platforms/{platform}.yaml for size/format requirements
  3. Content safety — Human diversity rules, no incomplete bodies, max 3 people in scene
  4. Readability — Body text contrast ≥ 4.5:1, total colors ≤ 3 (excluding grayscale)

Step 6: Record to Journal

  1. Append task entry to ~/.openclaw/visual/journal/entries/ with: date, input summary, style direction chosen, output path, key decisions
  2. Ask user: "要不要记录这次设计经验到知识库?" If yes → update ~/.openclaw/visual/journal/knowledge.yaml

Output

  • Structured design specification (markdown + JSON)
  • Generated poster image(s) via meitu-ai
  • Journal entry (if user opts in)

平台分布

Codex

35.17%
按下载量换算22

Claude

32.83%
按下载量换算21

Cursor

17.16%
按下载量换算11

Gemini CLI

9.95%
按下载量换算6

安全审计

Gen Agent Trust Hub

可疑

Socket

可疑

Snyk

通过

权限和风险

只读

该 Skill 主要提供规则、说明或参考内容,本身偏只读;真正读写文件、联网或执行命令仍取决于宿主 Agent 的任务。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在提醒或未通过项,安装前请自行复核。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills