Communitygithub.com

KKenny0/card-skill

Inhalt rein, PNG raus. Ein Claude Code Skill, der Text in gestaltete Bilder rendert – 7 Modi, 18+ Markendesignsysteme, druckqualitative Ästhetik.

Was ist card-skill?

Dieser Skill ermöglicht es Claude Code, aus einfachem Text (Inhalt) ein professionell gestaltetes PNG-Bild zu generieren. Er bietet sieben verschiedene Render-Modi (z. B. für Zitate, Titel, Absätze) und über 18 integrierte Markendesignsysteme (wie Apple, Notion, oder individuell anpassbare Vorlagen). Der Skill ist speziell für Claude Code entwickelt und optimiert die Ausgabe für eine druckreife Qualität mit hoher Auflösung. Ein Entwickler oder Agent kann ihn nutzen, um schnell visuelle Karten, Social-Media-Grafiken oder Dokumentenheader zu erstellen, ohne Design-Tools öffnen zu müssen – der gesamte Workflow bleibt in der CLI.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add KKenny0/card-skill
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht card-skill?

Inhalt rein, PNG raus. Ein Claude Code Skill, der Text in gestaltete Bilder rendert – 7 Modi, 18+ Markendesignsysteme, druckqualitative Ästhetik.

Verwendung

Gib einfach deinen Inhalt und deine Formatierungspräferenzen an:

/card mode=quote "Dein Text hier" --brand apple

Modi

  • quote – Zitat-Karte
  • title – Titel-Header
  • paragraph – Absatz-Karte
  • list – Listen-Karte
  • code – Code-Snippet-Karte
  • stat – Statistik-Karte
  • custom – Benutzerdefiniertes Layout

Markendesignsysteme

  • apple – Apple Human Interface Guidelines
  • notion – Notion-Design
  • minimal – Minimalistisch
  • corporate – Unternehmensstil
  • social – Social-Media-Stil
  • und mehr (18+ Systeme)

Weitere Details in der ursprünglichen SKILL.md.

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community