veda-design-system

Select the correct VEDA visual system for brand design tasks.

Updated Feb 17, 2026
One-click install
npx skills add https://github.com/VedaAstro/veda-skills --skill veda-design-system
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: veda-design-system
Source: https://github.com/VedaAstro/veda-skills/tree/main/veda-design-system
Command: npx skills add https://github.com/VedaAstro/veda-skills --skill veda-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill removes guesswork when creating VEDA-branded visuals by telling you which design system to use for a specific artifact, so landings, app screens, and PDF reports stay consistent and on-brand.

Core Features & Use Cases

  • External marketing system: Use for landings, promos, ads, emails, press kits, and slide decks with an editorial cream/ink/gold look.
  • Internal product system: Use for app screens, onboarding, admin panels, CRM, and other product UI built on Untitled UI tokens.
  • PDF report system: Use for premium client reports with Fraunces and Onest typography, paper-ink-gold styling, and a 170×240 mm layout.
  • Use case: Before generating a new landing page or product mockup, follow the correct sub-system rules instead of mixing palettes, fonts, or components.

Quick Start

Use this skill to decide which VEDA visual system to apply before creating your landing page, app screen, slide deck, or PDF report.

Frequently Asked Questions about veda-design-system

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

FAQPage Schema
How do I maintain brand consistency across landing pages, product UI, and PDF reports?

To maintain brand consistency across landing pages, product UI, and PDF reports, apply a distinct visual system with separate token sets, typography, and component guidance for each artifact type to enforce non-mixing constraints.

When should I use a marketing design system versus an internal product UI system?

Use a marketing design system for landings, promos, and slide decks requiring an editorial cream and gold look, whereas an internal product UI system suits app screens, admin panels, and CRM interfaces built on Untitled UI tokens.

What typography and layout rules should I follow for premium client PDF reports?

For premium client PDF reports, follow a design system using Fraunces and Onest typography with paper-ink-gold styling and a 170×240 mm layout to ensure proper formatting and visual structure.

Can I mix design tokens and palettes between different branded visual outputs?

You cannot mix design tokens and palettes between different branded visual outputs, as the system enforces strict non-mixing constraints to keep landings, app screens, and reports distinctly on-brand and production-ready.

How do I select the correct visual system before generating a new landing page or product mockup?

To select the correct visual system before generating a landing page or product mockup, identify the target artifact and apply the matching sub-system rules for palettes, fonts, and components to ensure production-ready consistency.