Star200+

Installierbares Skill Pack

Design-Agent Agent-Paket

Ein Pack für Motion, Designsysteme, UI-Komponenten und visuelle Produktion.

Ein prüfbarer Ausgangspunkt für den Design-Agent-Workflow.

10
Ausgewählte Skills
4
Installationsreihenfolge
9.7K
Adoptionssignal

Ausführungsreihenfolge

So verwendet ein Agent dieses Pack

  1. 01

    Definieren

    Kläre Aufgabe, Grenzen und benötigte Evidenz vor der Installation.

  2. 02

    Auswählen

    Wähle wenige Skills mit klaren Qualitäts-, Trust- und Wartungssignalen.

  3. 03

    Sicher ausführen

    Installiere nur notwendige Dateien in einem kontrollierten Arbeitsbereich und prüfe Berechtigungen zuerst.

  4. 04

    Verifizieren

    Prüfe Ausgabe und Ergebnis und behalte bei relevanten Risiken eine menschliche Freigabe.

Gut geeignet für

  • Design-Agent-Workflows
  • Auswahl mit öffentlichen Qualitäts-, Trust- und Audit-Signalen
  • Tests in einem kontrollierten Arbeitsbereich

Zuerst prüfen, wenn

  • Die Aufgabe benötigt ungeprüften Zugriff auf sensible Daten oder Produktionszugänge
  • Quellcode, Berechtigungen oder Ergebnisse können nicht geprüft werden

Agent-Installationsplan

Ein maschinenlesbarer Plan, den Agents ausführen können.

Die Pack-API liefert Installationsreihenfolge, Audit-URLs, Prüfschritte und einen Ergebnisvertrag. Nutze diese Seite als Kontext und rufe für den exakten JSON-Plan die API auf.

Textplan öffnen

Installationsreihenfolge

  1. 01
    gsap skills

    Trust 85/100 · Audit 91/100 · Sicher testbar

    npx skills add greensock/gsap-skills
  2. 02
    three scope map skill

    Trust 75/100 · Audit 82/100 · Sicher testbar

    npx skills add songsummer920-dazzle/three-scope-map-skill
  3. 03
    lottie

    Trust 83/100 · Audit 90/100 · Sicher testbar

    npx skills add diffusionstudio/lottie
  4. 04
    shadcnblocks skill

    Trust 71/100 · Audit 77/100 · Prüfung nötig

    npx skills add masonjames/shadcnblocks-skill

Prüfliste

  • Öffne vor der Installation die Audit-URL jedes ausgewählten Skills.
  • Installiere zuerst nur in einer Sandbox, einem lokalen Branch oder einem wegwerfbaren Arbeitsbereich.
  • Prüfe Lizenz, aktuelle Repository-Aktivität, README/SKILL.md-Vollständigkeit und Abhängigkeitsumfang.
  • Führe eine klar abgegrenzte Aufgabe aus, bevor du das Paket produktiv nutzt.
  • Melde Erfolg, Einrichtungsprobleme, Risikoblockaden oder mangelhafte Ergebnisse an den Ergebnis-Endpunkt.

Ergebnis-Endpunkt

POST https://www.openagentskill.com/api/agent/outcome

Empfohlene Skills

Installierbare Auswahl für dieses Pack

Pack-API öffnen
#1

gsap skills

Qualität 100Trust 85Audit 91

Repository-Beschreibung (Original)

Official AI skills for GSAP. These skills teach AI coding agents how to correctly use GSAP (GreenSock Animation Platform), including best practices, common animation patterns, and plugin usage.

9.7K StarsSicher testbarMIT

Installieren

npx skills add greensock/gsap-skills
Skill-SeiteAudit-Bericht
#3

lottie

Qualität 100Trust 83Audit 90

Repository-Beschreibung (Original)

Generate production-ready Lottie animations with Claude Code or Codex

3.6K StarsSicher testbarMIT

Installieren

npx skills add diffusionstudio/lottie
Skill-SeiteAudit-Bericht
#4

shadcnblocks skill

Qualität 65Trust 71Audit 77

Repository-Beschreibung (Original)

Give Claude Code expert knowledge of 2,500+ shadcn/ui blocks and components. This skill lets Claude intelligently select, install, and compose pre-built UI sections — from landing pages to dashboards to ecommerce flows — so you describe what you want and it picks the right pieces.

17 StarsPrüfung nötigMIT

Installieren

npx skills add masonjames/shadcnblocks-skill
Skill-SeiteAudit-Bericht
#5

web to design md

Qualität 72Trust 71Audit 78

Repository-Beschreibung (Original)

Convert any official website to design.md document

236 StarsPrüfung nötigUnbekannte Lizenz

Installieren

npx skills add Paidax01/web-to-design-md
Skill-SeiteAudit-Bericht
#6

Onlook

Qualität 100Trust 90Audit 92

Repository-Beschreibung (Original)

The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI

26K StarsSicher testbarApache-2.0

Installieren

npx skills add onlook-dev/onlook
Skill-SeiteAudit-Bericht
#7

Figma Implement Design

Qualität 100Trust 86Audit 90

Repository-Beschreibung (Original)

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

25K StarsSicher testbarSource terms (see source)

Installieren

npx skills add openai/skills --skill figma-implement-design
Skill-SeiteAudit-Bericht
#8

Lucide

Qualität 100Trust 87Audit 90

Repository-Beschreibung (Original)

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

23K StarsSicher testbarUnbekannte Lizenz

Installieren

npx skills add lucide-icons/lucide
Skill-SeiteAudit-Bericht
#9

Animation Vocabulary

Qualität 100Trust 90Audit 93

Repository-Beschreibung (Original)

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.

17K StarsSicher testbarMIT

Installieren

npx skills@latest add emilkowalski/skills
Skill-SeiteAudit-Bericht
#10

Material Ui

Qualität 100Trust 90Audit 92

Repository-Beschreibung (Original)

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

98K StarsSicher testbarMIT

Installieren

npx skills add mui/material-ui
Skill-SeiteAudit-Bericht