Communitygithub.com

Particle-Academy/fancy-ui-plugin

Plugin Claude Code Fancy UI — registre MCP hébergé + compétences pour construire des applications UX Humain+ avec le kit Fancy UI.

Qu'est-ce que fancy-ui-plugin ?

Ce plugin Claude Code, développé par Particle Academy, fournit un registre MCP hébergé et un ensemble de compétences spécialisées pour créer des applications d'interface utilisateur de type « humain augmenté » (Human+ UX) à l'aide du kit Fancy UI. Il simplifie le développement d'expériences utilisateur sophistiquées en donnant accès à des composants prêts à l'emploi, des modèles et des bonnes pratiques directement depuis l'IDE. Le plugin est compatible avec Claude Code, Cursor et d'autres agents IA, et permet aux développeurs d'intégrer rapidement des éléments d'interface fluides et modernes. Son fonctionnement repose sur un serveur MCP (Model Context Protocol) auto-hébergé qui référence les ressources du kit, tandis que les compétences (skills) guident l'agent IA pour générer du code cohérent et optimisé. L'objectif est d'accélérer la conception d'interfaces humaines naturelles et réactives, en réduisant les tâches répétitives et en assurant une qualité visuelle homogène.

Compatible avec✓Claude Code~Codex CLI~Cursor
npx skills add Particle-Academy/fancy-ui-plugin

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait fancy-ui-plugin ?

Plugin Claude Code Fancy UI — registre MCP hébergé + compétences pour construire des applications UX Humain+ avec le kit Fancy UI.

À propos

Ce plugin fournit un ensemble de compétences et un serveur MCP (Model Context Protocol) pour aider les agents IA comme Claude Code à intégrer et utiliser le kit Fancy UI. Il permet de créer rapidement des interfaces utilisateur modernes et réactives.

Installation

Pour utiliser ce plugin avec Claude Code, ajoutez-le à votre claude_code_plugins.json :

{
  "plugins": [
    "Particle-Academy/fancy-ui-plugin"
  ]
}

Utilisation

Une fois installé, les compétences suivantes sont disponibles :

  • fancy-ui-create: Crée un nouveau composant Fancy UI
  • fancy-ui-style: Applique des styles Fancy UI à un élément existant
  • fancy-ui-animate: Ajoute des animations Fancy UI

Exemple

Demandez à l'agent IA :

"Crée un bouton Fancy UI avec une animation au survol."

L'agent utilisera la compétence appropriée pour générer le code.

Architecture

Le plugin utilise un serveur MCP hébergé pour fournir des ressources et outils au modèle de langage. Les compétences sont chargées dynamiquement.

Support

Pour obtenir de l'aide, ouvrez un ticket dans le dépôt GitHub : Particle-Academy/fancy-ui-plugin

Licence

MIT

Skills associés