Star200+

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 85/100 · Audit 91/100 · Peut être testé

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

    Confiance 75/100 · Audit 82/100 · Peut être testé

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

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

    npx skills add diffusionstudio/lottie
  4. 04
    shadcnblocks skill

    Confiance 71/100 · Audit 77/100 · À vérifier

    npx skills add masonjames/shadcnblocks-skill

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 85Audit 91

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

npx skills add greensock/gsap-skills
Page du skillRapport d’audit
#3

lottie

Qualité 100Confiance 83Audit 90

Description du dépôt (original)

Generate production-ready Lottie animations with Claude Code or Codex

3.6K starsPeut être testéMIT

Installer

npx skills add diffusionstudio/lottie
Page du skillRapport d’audit
#4

shadcnblocks skill

Qualité 65Confiance 71Audit 77

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

npx skills add masonjames/shadcnblocks-skill
Page du skillRapport d’audit
#5

web to design md

Qualité 72Confiance 71Audit 78

Description du dépôt (original)

Convert any official website to design.md document

236 starsÀ vérifierLicence inconnue

Installer

npx skills add Paidax01/web-to-design-md
Page du skillRapport d’audit
#6

Onlook

Qualité 100Confiance 90Audit 92

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

npx skills add onlook-dev/onlook
Page du skillRapport d’audit
#7

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.

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

Installer

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

Lucide

Qualité 100Confiance 87Audit 90

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

npx skills add lucide-icons/lucide
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

npx skills@latest add emilkowalski/skills
Page du skillRapport d’audit
#10

Material Ui

Qualité 100Confiance 90Audit 92

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

npx skills add mui/material-ui
Page du skillRapport d’audit