Claude-Design-Skills, die ein Designsystem festhalten, das dein Agent wiederholen kann – so steckst du deine Zeit in die Details.
Ein Skill ist ein Designsystem, dem der Agent wirklich folgt.
Schriftskala, Abstände und Farben als Regeln festgelegt, nicht als Vorschläge.
Portfolio-Websites, die deine Arbeit so präsentieren, wie Designer es erwarten.
HTML und CSS, die die Details deines Designs bewahren.
Öffne einen Job, um seine eigenen Skills, Schritte und FAQ zu sehen.
Drei Schritte in Claude Code, Codex oder Cursor. Keine Design-App nötig.
Kopiere den Installations-Prompt in deinen Agenten oder führe den Befehl unten aus. Der Skill landet im Skills-Ordner deines Agenten.
npx skillry-cli@latest install bs-hyperframes-liquid-logo-revealTippe einen Slash und den Skill-Namen und sag dann in einfachen Worten, was du willst.
/bs-hyperframes-liquid-logo-reveal Mach aus diesem Briefing drei unterschiedliche visuelle Richtungen mit Begründung und Referenzen.Öffne die erstellte Datei, bitte im selben Chat um Änderungen und veröffentliche oder übergib sie dann.
video.mp4
| Aspekt | Ein einfacher Prompt | Ein Skill |
|---|---|---|
| Ausgangspunkt | Bei jedem Durchlauf ein leerer Prompt | Getestetes Layout und Checkliste |
| Stil | Ändert sich von Durchlauf zu Durchlauf | Ein Stil, den du wiederholen kannst |
| Konsistenz | Jedes Asset sieht anders aus | Jedes Asset folgt einem System |
| Ergebnis | Was auch immer das Modell schreibt | Eine geprüfte Datei im erwarteten Format |
Installiere jeden Skill auf dieser Seite und jeden neuen, den wir hinzufügen. Jederzeit kündbar.
Jederzeit kündbar
9,99 $ / Monat
Voller Premium-Zugriff, monatlich abgerechnet.
Spare 34 % pro Jahr
Am beliebtesten79 $ / Jahr
Voller Premium-Zugriff zum günstigeren Jahrespreis.
Einmal zahlen · Gründerpreis
Gründerangebot169 $ einmalig
Gründerpreis – steigt mit dem Wachstum der Bibliothek.
Jederzeit kündbar. Zahlungen sind nicht erstattungsfähig.
Jeder Skill ist ein Ordner mit Anweisungen, Layouts und Checks, der Claude Code, Codex oder Cursor beibringt, eine Art von Ergebnis zu liefern, etwa eine Portfolio-Website, eine Marken-Website oder einen Folienstil. Dein Agent folgt einem fertigen Design, statt eines zu improvisieren.
Nein. Das Design steckt im Skill. Du beschreibst in einfachen Worten, was du brauchst, und prüfst das Ergebnis.
Claude Code, Codex und Cursor lesen dieselbe SKILL.md. Jede Detailseite listet alle Agenten auf, die der Skill unterstützt.
Manche schon. Kostenlose Skills tragen ein Free-Label; der Rest ist in Pro enthalten oder einzeln kaufbar.
Markensysteme, Layouts und Visuals – vom Briefing zum ersten Entwurf.
Alle Skills ansehen