Communitygithub.com

nlook-service/design-from-code

Concevez des modifications d'interface utilisateur à partir du code source réel — vérifiez les données, itérez des maquettes HTML fidèles, puis déléguez. Un plugin Claude Code et skill Codex par nlook.me

Qu'est-ce que design-from-code ?

Ce skill permet aux agents IA (Claude Code, Codex) de concevoir des modifications d'interface utilisateur en partant directement du code source existant. Il offre la capacité de vérifier les données réelles dans le code, d'itérer rapidement des prototypes HTML fidèles au rendu final, et de déléguer la mise en œuvre au développeur ou à un autre agent. Utile pour les développeurs qui souhaitent accélérer le cycle de conception-développement, ce skill réduit les allers-retours entre design et code en produisant des maquettes fonctionnelles exploitant les vrais composants et données de l'application. Il fonctionne comme un plugin pour Claude Code et un skill pour Codex, en analysant le code source, en générant des maquettes HTML/CSS correspondant aux modifications souhaitées, et en présentant les changements de manière claire avant de les soumettre pour validation ou implémentation.

Compatible avec✓Claude Code✓Codex CLI~Cursor
npx skills add nlook-service/design-from-code

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 design-from-code ?

Concevez des modifications d'interface utilisateur à partir du code source réel — vérifiez les données, itérez des maquettes HTML fidèles, puis déléguez. Un plugin Claude Code et skill Codex par nlook.me

Skills associés