skills.rest
BanePlayss
BanePlayssCOMMUNITY
Explore all skills by this author →
GitHub

tabloid

Builds and exports vintage newspaper-style championship posters in the Primitivão React app.

Updated May 6, 2026
Search Tags:#react#visual identity#png export#poster generator#tabloid#championship themes#htmltoimage
One-click install
npx skills add https://github.com/BanePlayss/primitivao --skill tabloid-baneplayss
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tabloid
Source: https://github.com/BanePlayss/primitivao/tree/main/.opencode/skills/tabloid
Command: npx skills add https://github.com/BanePlayss/primitivao --skill tabloid-baneplayss

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Maintaining the Jornalista tabloid generator in the Primitivão app requires navigating a dense React component (TabloidPoster/TabloidBuilderPanel) with three poster types, per-championship visual identities, zoeira story triggers, and a fragile PNG export pipeline. ## Core Features & Use Cases - Three tabloid types: rodada (round recap), eventos (event announcement), and polemica (zoeira card grid), each with its own data-building branch in buildTabloidData. - Per-championship identity: TABLOID_THEMES maps each championship to a distinct color, icon, wordmark, and stamp applied via the --tp-accent CSS variable. - Zoeira triggers: tabloidStories generates tone-tagged stories (invicto, goleada, lanterna, etc.) from standings data, with a separate branch for the Copa. - Use Case: Add a new zoeira trigger (e.g., longest win streak) by pushing a new story object into tabloidStories, then verify the poster visually before shipping. ## Quick Start Ask the AI to add a new zoeira trigger or tweak a championship theme in the tabloid poster builder in apostas/apostas-app.jsx.

Frequently Asked Questions about tabloid

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a new zoeira trigger to the tabloid generator?▼

Add a new push(id, teamId, nick, kicker, text, icon, tone) call inside tabloidStories, which builds story objects from standings data. Triggers only fire where data exists, currently FIFA championships and the Copa.

How do I add a new championship theme to the tabloid poster?▼

Add an entry to TABLOID_THEMES[champId] with wordmark, accent, stamp, icon, and color. The color becomes the --tp-accent CSS variable and each championship must have a distinct color and icon.

What are the three tabloid types in the Jornalista panel?▼

The types are rodada (round recap with champion, vice, and lanterna blocks), eventos (central announcement with prize and rules boxes), and polemica (a grid of zoeira cards). The type is selected via data.type in the builder panel.

Why does the PNG export button sometimes hang?▼

The htmlToImage library can freeze in some environments, so the export uses a 20-second watchdog to release the button. If export fails repeatedly, verify the poster visually with the preview-verify skill instead of screenshots.

Can the tabloid generator render character illustrations with CSS?▼

No, CSS cannot draw character illustrations. The only way to include one is the hero-image slot, which accepts an uploaded image converted to a data URL and embedded into the exported PNG.

Related Skills

Explore More Software Engineering Skills→
pmksharpmkshar

sports-betting-analyzer

Analyze sports betting markets, spreads, over/unders, and prop bets.

Community
Intermediate
BluebagAIBluebagAI
28

canvas-design

Generate single-page visual designs from a design philosophy in PNG or PDF.

Official
Advanced
caidishcaidish
32

klayoutclaw:visual

Capture the current KLayout layout and render it as a PNG.

Community
Intermediate
wensiawensia
2

card-generator

Convert user content into downloadable card deck visuals as HTML and PNG ZIP.

Community
Advanced