design-artifact
Description
Exécutez cette commande dans votre terminal ou shell d'agent
Tags & Topics
Documentation de la compétence (SKILL.md)
Voir sur GitHubLa documentation est disponible dans le dépôt source.
https://github.com/plannotator/effective-htmlCompétences d'agents IA associées
Official html plan capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.
Official html diagram capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.
Official html capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.
Official html wireframe capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.
Ressources connexes de l'écosystème
Guides pratiques, terminologie clé et compétences d'agents
codebase-design
Official codebase design capability by @mattpocock. Streamlines autonomous frontend tasks and workflows.
web-design-guidelines
Official web design guidelines capability by @vercel-labs. Streamlines autonomous frontend tasks and workflows.
50 styles de design visuel : guide fondamental pour les systèmes de design, l'UI/UX et la direction artistique
Un dictionnaire visuel complet de 50 styles de design : analyse de l'esthétique, palettes de couleurs, paires typographiques, règles pour les systèmes de design et contrôle précis de l'IA.
Claude Artifacts (Applications interactives en direct dans le chat)
Fonctionnalité révolutionnaire de l'interface Claude d'Anthropic. Elle isole le code généré, les schémas, les diagrammes et les applications React interactives dans une fenêtre dédiée à droite, les exécute instantanément et permet aux utilisateurs de les utiliser sans installer d'environnement.
Sites à défilement animé avec vidéo : guide complet de création
Comment créer un site premium avec effet de vidéo au défilement (style Apple) : découpe d'images en WebP, lissage LERP sur Canvas, remap de temps d'attente et système éditorial Precision Editorial.
WebMCP et outils natifs du navigateur
Adaptation du Model Context Protocol (MCP) pour fonctionner directement dans le navigateur web, permettant aux agents IA d'interagir avec le DOM, LocalStorage, WebAssembly et IndexedDB sans démons locaux.
plannotator-effective-html-design-artifact