genesys-design

Generate LinkedIn covers, carousels, and web mocks with Genesys design tokens.

29|12|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/matteotitta/genesys-skills --skill genesys-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: genesys-design
Source: https://github.com/matteotitta/genesys-skills/tree/main/skills/primitives/design/genesys-design
Command: npx skills add https://github.com/matteotitta/genesys-skills --skill genesys-design

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill eliminates brand inconsistency and design bottlenecks by providing a standardized, token-driven system for creating professional GTM visual assets.

Core Features & Use Cases

  • Brand-Fidelity Engine: Automatically applies Genesys design tokens (colors, typography, spacing) to ensure every asset matches the official brand kit.
  • Multi-Format Support: Generates LinkedIn covers, carousels, infographics, and web mocks using pre-built UI kits and strict craft guards.
  • Quality Assurance: Enforces a multi-phase design cycle including anti-pattern checks, accessibility audits, and a final ship-ready scorecard.

Quick Start

Invoke the genesys-design skill to create a new LinkedIn cover for the upcoming product launch.

Frequently Asked Questions about genesys-design

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

FAQPage Schema
How do I generate on-brand visual marketing assets for B2B SaaS go-to-market content?

You can generate on-brand visual marketing assets by using a centralized design system that automatically applies strict brand tokens for colors, typography, and spacing to ensure high-fidelity output consistency across all collateral.

What is the best way to ensure brand consistency when creating LinkedIn covers and carousels?

Ensuring brand consistency for LinkedIn covers and carousels requires a token-driven design engine that automatically applies official brand kits and enforces multi-phase design review gates to prevent visual deviations.

How do I integrate CSS tokens into my visual asset production workflow?

Integrate CSS tokens into your visual asset production workflow by centralizing design system rules, allowing automated generation tools to apply predefined colors, typography, and spacing directly to web mocks and infographics.

Does automated design generation support accessibility audits and anti-pattern checks?

Automated design generation supports accessibility audits and anti-pattern checks by enforcing them during a multi-phase design cycle, culminating in a final ship-ready scorecard that verifies output quality and compliance.

Can I use a pre-built UI kit to produce web mocks and infographics without manual design adjustments?

You can use a pre-built UI kit to produce web mocks and infographics without manual design adjustments because the system applies strict craft guards and centralized design tokens to maintain professional visual fidelity automatically.

When should I not use a centralized design system for GTM visual asset creation?

Avoid using a centralized design system for GTM visual asset creation when your project requires highly customized, non-standard visual deviations that fall outside predefined brand tokens and UI kit constraints.