EN DE
← ← Zurück zur Übersicht

asset-generation

asset-generation

Beschreibung

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.

Relevanz für unsere Projekte

Design-Assets — Farbpaletten, Typografie, Logos, Helden-Grafiken und UI-Komponenten. CSS/SVG für kostenlose Vektoren, KI-APIs für fotorealistische Bedarfe.

Ablauf

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

← ← Zurück zur Übersicht