OpenAgentSkill
GitHub200+

Pack installable

Agent de design pack d’agent

Un pack pour le motion, les systèmes de design, les composants UI et la production visuelle.

Un point de départ vérifiable pour le workflow Agent de design.

10
Skills sélectionnées
4
Ordre d’installation
9.7K
Signal d’adoption

Ordre d’exécution

Comment un agent doit utiliser ce pack

  1. 01

    Définir

    Clarifiez le travail, les contraintes et les preuves nécessaires avant installation.

  2. 02

    Sélectionner

    Choisissez peu de skills avec des signaux clairs de qualité, confiance et maintenance.

  3. 03

    Exécuter en sécurité

    Installez seulement les fichiers nécessaires dans un espace contrôlé et vérifiez les permissions.

  4. 04

    Vérifier

    Contrôlez la sortie, rapportez le résultat et gardez une approbation humaine pour les risques importants.

Bon usage

  • Workflows Agent de design
  • Sélection avec signaux publics de qualité, confiance et audit
  • Essais dans un espace de travail contrôlé

À vérifier d’abord quand

  • La tâche requiert un accès non revu à des données sensibles ou à des identifiants de production
  • Personne ne peut vérifier le code source, les permissions ou les résultats

Plan d’installation pour agent

Un plan lisible par machine que les agents peuvent exécuter.

L’API du pack renvoie l’ordre d’installation, les URL d’audit, les contrôles et un contrat de résultat. Utilisez cette page comme contexte, puis appelez l’API pour le plan JSON exact.

Ouvrir le plan texte

Ordre d’installation

  1. 01
    gsap skills

    Confiance 83/100 · Audit 88/100 · Peut être testé

  2. 02
    three scope map skill

    Confiance 74/100 · Audit 79/100 · À vérifier

  3. 03
    lottie

    Confiance 81/100 · Audit 88/100 · Peut être testé

  4. 04
    shadcnblocks skill

    Confiance 69/100 · Audit 74/100 · À vérifier

Liste de vérification

  • Ouvrez l’URL d’audit de chaque skill sélectionnée avant installation.
  • Installez d’abord uniquement dans un bac à sable, une branche locale ou un espace de travail jetable.
  • Vérifiez la licence, l’activité récente, la complétude de README/SKILL.md et la surface de dépendances.
  • Exécutez une tâche limitée avant d’utiliser le pack en production.
  • Signalez succès, difficulté de configuration, blocage de risque ou résultat faible à l’endpoint de résultat.

Endpoint de résultat

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

Skills recommandées

Sélection installable pour ce pack

Ouvrir l’API du pack
#1

gsap skills

Qualité 100Confiance 83Audit 88

Description du dépôt (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 starsPeut être testéMIT

Installer

Page du skillRapport d’audit
#3

lottie

Qualité 100Confiance 81Audit 88

Description du dépôt (original)

Generate production-ready Lottie animations with Claude Code or Codex

3.6K starsPeut être testéMIT

Installer

Page du skillRapport d’audit
#4

shadcnblocks skill

Qualité 62Confiance 69Audit 74

Description du dépôt (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 starsÀ vérifierMIT

Installer

Page du skillRapport d’audit
#6

Figma Implement Design

Qualité 100Confiance 86Audit 90

Description du dépôt (original)

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

28K starsPeut être testéSource terms (see source)

Installer

npx skills add openai/skills --skill figma-implement-design
Page du skillRapport d’audit
#7

Onlook

Qualité 100Confiance 89Audit 90

Description du dépôt (original)

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

26K starsPeut être testéApache-2.0

Installer

Page du skillRapport d’audit
#8

Lucide

Qualité 100Confiance 85Audit 88

Description du dépôt (original)

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

23K starsPeut être testéLicence inconnue

Installer

Page du skillRapport d’audit
#9

Animation Vocabulary

Qualité 100Confiance 90Audit 93

Description du dépôt (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 starsPeut être testéMIT

Installer

Page du skillRapport d’audit
#10

Material Ui

Qualité 100Confiance 89Audit 90

Description du dépôt (original)

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

98K starsPeut être testéMIT

Installer

Page du skillRapport d’audit