OpenAgentSkill
GitHub200+

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
28K
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
    Figma Implement Design

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

    npx skills add openai/skills --skill figma-implement-design
  2. 02
    Onlook

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

  3. 03
    Lucide

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

  4. 04
    Animation Vocabulary

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

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

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.

28K StarsSicher testbarSource terms (see source)

Installieren

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

Onlook

Qualität 100Trust 89Audit 90

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

Skill-SeiteAudit-Bericht
#3

Lucide

Qualität 100Trust 85Audit 88

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

Skill-SeiteAudit-Bericht
#4

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

Skill-SeiteAudit-Bericht
#5

Material Ui

Qualität 100Trust 89Audit 90

Repository-Beschreibung (Original)

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

98K StarsSicher testbarMIT

Installieren

Skill-SeiteAudit-Bericht
#6

Daisyui

Qualität 100Trust 89Audit 90

Repository-Beschreibung (Original)

🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

41K StarsSicher testbarMIT

Installieren

Skill-SeiteAudit-Bericht
#7

Chakra Ui

Qualität 100Trust 87Audit 89

Repository-Beschreibung (Original)

Chakra UI is a component system for building SaaS products with speed ⚡️

40K StarsSicher testbarMIT

Installieren

Skill-SeiteAudit-Bericht
#8

Core

Qualität 100Trust 85Audit 88

Repository-Beschreibung (Original)

A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase.

13K StarsSicher testbarUnbekannte Lizenz

Installieren

Skill-SeiteAudit-Bericht
#10

Base Ui

Qualität 99Trust 87Audit 90

Repository-Beschreibung (Original)

Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.

10.0K StarsSicher testbarMIT

Installieren

Skill-SeiteAudit-Bericht