flier

GitHub

生成单页、打印就绪的宣传册HTML文件。要求固定尺寸、全出血设计,强调视觉层级与扫描性,确保打印预览仅一页且适配Letter/A4纸张。

Anthropic/claude-design/skills/flier/SKILL.md asgeirtj/system_prompts_leaks

Trigger Scenarios

需要制作宣传册或传单 生成单页打印文档

Install

npx skills add asgeirtj/system_prompts_leaks --skill flier -g -y
More Options

Non-standard path

npx skills add https://github.com/asgeirtj/system_prompts_leaks/tree/main/Anthropic/claude-design/skills/flier -g -y

Use without installing

npx skills use asgeirtj/system_prompts_leaks@flier

指定 Agent (Claude Code)

npx skills add asgeirtj/system_prompts_leaks --skill flier -a claude-code -g -y

安装 repo 全部 skill

npx skills add asgeirtj/system_prompts_leaks --all -g -y

预览 repo 内 skill

npx skills add asgeirtj/system_prompts_leaks --list

SKILL.md

Frontmatter
{
    "name": "flier",
    "description": "Print-ready single page",
    "user-invocable": true
}

Flier

Design a print-ready, single-page flier as one self-contained HTML file: exactly one fixed-size page.

Sheet setup:

  • START by calling copy_starter_component with kind: "doc_page.js", then build the flier as ONE explicitly paginated page:
    . The component owns the page box, the desk background that disappears at print, the page break discipline, and all print geometry — do NOT write your own @page rule, body background, or hard-coded paper dimensions, and never add an omelette-owns-print meta. The print dialog must show exactly 1 page.
  • The flier prints as a FIXED full-bleed page box with overflow hidden — letter by default, the user's chosen paper (letter, A4, …) when they export — so content that misses the box is clipped, never reflowed. Design the flier to FILL the page box and fit letter and A4 alike without overlap.
  • The page is full-bleed: the flier owns its own inset — keep a visual margin of at least 4% of the page on every edge, and keep everything inside it.
  • Never viewport units (vh/vw) — they track the window, not the page.

A flier is read at a distance, in passing, in under three seconds:

  • One dominant element — usually a headline under ~6 words — sized so it reads across a room (think 8cqh+), everything else clearly subordinate.
  • The five Ws grouped tight and scannable: what, when, where, cost, and one way to act (QR-sized URL, phone number, or tear-off) — not scattered through prose.
  • Strong flat color blocks and vector shapes over photos and gradients; high contrast; body text in near-black on light stock.
  • Generous whitespace beats more words — cut copy until the hierarchy is unmissable.
  • Optional: a tear-off fringe along the bottom edge (a row of narrow cells with dashed left borders and rotated contact text) when the user wants phone-number slips.

Check the print preview: nothing clipped, nothing spilling to page two, colors that still work in grayscale.

Version History

  • 481967c Current 2026-08-20 17:03

Same Skill Collection

Anthropic/claude-code/skills/artifact-diagramming/SKILL.md
Anthropic/claude-code/skills/batch/SKILL.md
Anthropic/claude-code/skills/claude-in-chrome/SKILL.md
Anthropic/claude-code/skills/debug/SKILL.md
Anthropic/claude-code/skills/deep-research/SKILL.md
Anthropic/claude-code/skills/design-sync/SKILL.md
Anthropic/claude-code/skills/fewer-permission-prompts/SKILL.md
Anthropic/claude-code/skills/init/SKILL.md
Anthropic/claude-code/skills/keybindings-help/SKILL.md
Anthropic/claude-code/skills/loop/SKILL.md
Anthropic/claude-code/skills/run-skill-generator/SKILL.md
Anthropic/claude-code/skills/run/SKILL.md
Anthropic/claude-code/skills/schedule/SKILL.md
Anthropic/claude-code/skills/security-review/SKILL.md
Anthropic/claude-code/skills/simplify/SKILL.md
Anthropic/claude-code/skills/verify/SKILL.md
Anthropic/claude-code/skills/workflow-authoring/SKILL.md
Anthropic/claude-cowork/setup-writing-style/SKILL.md
Anthropic/claude-design/skills/claude-api-in-prototypes/SKILL.md
Anthropic/claude-design/skills/create-design-system/SKILL.md
Anthropic/claude-design/skills/frontend-design/SKILL.md
Anthropic/claude-design/skills/hi-fi-design/SKILL.md
Anthropic/claude-design/skills/maps-geography/SKILL.md
Anthropic/claude-design/skills/options/SKILL.md
Anthropic/claude-design/skills/wireframe/SKILL.md
Anthropic/claude-code/skills/artifact-capabilities/SKILL.md
Anthropic/claude-code/skills/artifact-design/SKILL.md
Anthropic/claude-code/skills/claude-api/SKILL.md
Anthropic/claude-code/skills/dataviz/SKILL.md
Anthropic/claude-code/skills/design/SKILL.md
Anthropic/claude-code/skills/doctor/SKILL.md
Anthropic/claude-code/skills/update-config/SKILL.md
Anthropic/claude-design/skills/3d-object/SKILL.md
Anthropic/claude-design/skills/animated-video/SKILL.md
Anthropic/claude-design/skills/export-as-pptx-editable/SKILL.md
Anthropic/claude-design/skills/export-as-pptx-screenshots/SKILL.md
Anthropic/claude-design/skills/handoff-to-claude-code/SKILL.md
Anthropic/claude-design/skills/html-email/SKILL.md
Anthropic/claude-design/skills/interactive-prototype/SKILL.md
Anthropic/claude-design/skills/make-a-deck/SKILL.md
Anthropic/claude-design/skills/make-a-doc/SKILL.md
Anthropic/claude-design/skills/make-tweakable/SKILL.md
Anthropic/claude-design/skills/save-as-pdf/SKILL.md
Anthropic/claude-design/skills/save-as-standalone-html/SKILL.md
Anthropic/claude-design/skills/web-research/SKILL.md

Metadata

Files
0
Version
a7d0a26
Hash
e009c6a0
Indexed
2026-08-20 17:03

Accueil - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-29 20:56
浙ICP备14020137号-1 $Carte des visiteurs$