EN DE
← ← Back to Index

asset-generation

asset-generation

Description

Generate design assets for websites — color palettes, typography, logos, hero images, and UI components — using CSS/SVG for free vector assets OR external AI APIs for photorealistic needs.

Relevance to Our Projects

Design assets — color palettes, typography, logos, hero images, and UI components. CSS/SVG for free vectors, AI APIs for photorealistic needs.

Pipeline

1🎨 Farbpalette generieren — 4-6 benannte Hex-Werte mit Rolle
2🔤 Typografie — Charaktervoller Display-Font + komplementäre Body-Font
3🖼️ Logo/Heldengrafik — SVG oder KI-generiert
4🧩 UI-Komponenten — Buttons, Karten, Formulare als wiederverwendbare Bausteine

SKILL.md Preview

# Asset Generation

## When to use this
Use in Step 3 of the **website-pipeline** when you need design assets: color schemes, logos, icons, hero illustrations, fonts, and UI patterns. Also use when the user says "I need a logo" or "make it look professional."

## Capabilities

### 1. Color Palette Generation
Generate a cohesive color palette using CSS custom properties. The LLM reasons about color theory:

```css
:root {
  /* Primary brand colors */
  --color-primary: #2B6CB0;       /* Main bran

← ← Back to Index