trifork-social-graphics

Generates Trifork-branded LinkedIn and event graphics in four aspect ratios with schema-validated payloads.

Updated Sep 8, 2026
One-click install
npx skills add https://github.com/trifork/trifork-official-design-system --skill trifork-social-graphics-trifork
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: trifork-social-graphics
Source: https://github.com/trifork/trifork-official-design-system/tree/main/site/public/skill/trifork-social-graphics
Command: npx skills add https://github.com/trifork/trifork-official-design-system --skill trifork-social-graphics-trifork

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve? Creating on-brand social media graphics for Trifork requires memorizing strict brand rules around typography, colour, logo placement, and layout. This Skill encodes those rules so every LinkedIn post, event card, or carousel follows the Trifork brand system without manual checking. ## Core Features & Use Cases - Six post variants: Generate event, quote, stat, job, news, and case graphics across four aspect ratios (1:1, 4:5, 1.91:1, 9:16) with ink, light, or photo backgrounds. - Schema-validated payloads: Every post payload validates against the bundled social-post.schema.json and produces a base64url playground link for preview and editing. - Bundled brand assets: Ships design tokens (tokens.css), official Trifork logo SVGs, a blue-900 icon set, and approved photography indexes. - Use Case: A marketer needs a LinkedIn event card for an upcoming Trifork conference. The Skill builds a 1.91:1 graphic with an ALL CAPS eyebrow, sentence-case title, speaker metadata, and returns a PNG plus an "Open in the Trifork playground" link. ## Quick Start Ask the assistant to create a Trifork LinkedIn event post for your next meetup with the date, location, and speaker names, and request the playground link and PNG export.

Frequently Asked Questions about trifork-social-graphics

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

FAQPage Schema
How do I create a Trifork LinkedIn post graphic?▼

Provide the post content such as eyebrow label, title, and metadata, then choose a variant (event, quote, stat, job, news, or case), a vertical anchor, and a background. The Skill builds the graphic and returns a playground link with a base64url-encoded JSON payload.

What aspect ratios does the Trifork social format support?▼

Four formats are supported: 1:1 at 1200x1200 for feed and carousels, 4:5 at 1200x1500 for portrait feed, 1.91:1 at 1200x627 for landscape link and event posts, and 9:16 at 1080x1920 for vertical mobile.

Can I put the Trifork logo on a social graphic?▼

Yes, but the logo is off by default because LinkedIn already shows the company avatar. When enabled via showLogo, placement is automatic in the corner opposite the title anchor, and only one logo may appear per graphic.

Why is orange not allowed inside post titles?▼

Trifork brand rules reserve orange 500 as a sparing accent for labels and list markers, never for phrase emphasis. Titles use ink 950 on light backgrounds in sentence case, and validation rejects orange inside titles or paragraphs.

How are Trifork carousels exported?▼

Carousels are built as multi-page payloads in the 1:1 format and exported as a numbered PNG set packaged in a zip file. Single graphics export as PNG at 2x resolution where possible.