Skip to content
cccskills
FreePublished on GitHub

flier

Design a single-page, print-ready flier as a self-contained HTML file. Organize a prominent headline and essential details, optionally add tear-off contact slips, and check that the layout fits one printed page.

OriginalShow the original description

Print-ready single page

asgeirtj/system_prompts_leaks

Run score Not tested

See how to install

Good for

  • Create a single-page event flier
  • Group dates, locations, and costs for quick reading
  • Add tear-off phone number slips
  • Check page fit and grayscale readability

Files included (1)

  • SKILL.md2.1 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

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: <doc-page><section class="page" id="flier">…</section></doc-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.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

3d-object

FreeSummary

Create a 3D object with three.js, inspect it from every angle in an interactive viewer, and download it as OBJ + MTL or GLB for use in other 3D applications.

  • Create a 3D object and inspect it from every angle
  • Export a model for further editing in Blender
  • Review an object's silhouette and materials
asgeirtj/system_prompts_leaks70.1KUpdated Oct 23, 2026

action-items

FreeSummary

Maintain a private task list with deadlines, next steps, waiting parties, and blockers. Update progress and dependencies, merge duplicate items, and archive closed tasks so ongoing commitments stay clear and easy to follow.

  • Record tasks and commitments with deadlines
  • Track pending replies and reasons work cannot proceed
  • Update task dependencies when prerequisites are completed
asgeirtj/system_prompts_leaks70.1KUpdated Oct 23, 2026

agents

FreeSummary

Coordinate a task from a verifiable goal through completion. Handle work directly or split independent tasks across separate agent sessions, track progress, verify results, and arrange pull request merging when included in the goal.

  • Split independent tasks across agents
  • Check progress across ongoing tasks
  • Resume a previously started project
asgeirtj/system_prompts_leaks70.1KUpdated Oct 23, 2026

animated-video

FreeSummary

Create animated HTML pages with smooth scene transitions and playback controls. An editable timeline lets users adjust scene lengths and speeds, with fixed landscape or portrait layouts prepared for video export.

  • Create an animated product walkthrough
  • Explain a message through moving text and graphics
  • Build a portrait animation for video export
asgeirtj/system_prompts_leaks70.1KUpdated Oct 23, 2026

apple_healthkit

FreeSummary

Review synced Apple Health records, including steps, heart rate, sleep, and workouts. Retrieve daily summaries or detailed samples for a chosen period, and check sync status and missing data before interpreting the results.

  • Review daily steps and heart rate over time
  • Check sleep stages, duration, and awakenings
  • Review workout duration, distance, and calories
asgeirtj/system_prompts_leaks70.1KUpdated Oct 23, 2026

artifact_document

FreeSummary

Create and edit Word documents and templates, reorganize text, replace images, and work with tracked changes or comments. Apply proper headings and lists, then render every page to check its appearance before delivery.

  • Create a structured Word document
  • Reorganize content in an existing document
  • Replace images or text in a document
asgeirtj/system_prompts_leaks70.1KUpdated Oct 23, 2026

See all skills by asgeirtj

Report a problem with this skill