ثماني مهارات وكلاء لإنتاج ملفات HTML مفيدة: هياكل أولية ونماذج تفاعلية وخطط ومخططات وصفحات موجزة.
مجموعة مهارات مركّزة تعلّم الوكيل إنتاج صفحات HTML مكتفية بذاتها بدل الإجابات النصية الطويلة. تشمل مهارة html عامة، وهياكل أولية، ونماذج عاملة بحالات واقعية، وخططًا وخرائط طريق، ومخططات، وصفحات موجزة، ومهارة شرح تعتمد الصور أولًا. وهدف المستودع أن يُقرأ مرجعًا أولًا ثم يُثبَّت ثانيًا. يناسب المطوّرين والمصمّمين وفرق المنتج الذين يوصلون أفكارهم بأعمال بصرية.
تنبيه: اسم الإضافة غير مذكور في المقتطف؛ راجع ملف السوق في المستودع بعد إضافته.
Dans Claude Code, tapez ces commandes l’une après l’autre :
/plugin marketplace add plannotator/effective-htmlOu collez ce prompt dans Claude Code, qui s’occupe de l’installation avec vous :
Installe dans Claude Code les skills de « Effective HTML » (https://github.com/plannotator/effective-html). - Lis le README et suis la méthode d'installation qu'il recommande. - Si l'installation passe par des commandes /plugin, donne-les-moi pour que je les tape ; sinon copie chaque dossier de skill (celui qui contient un SKILL.md) dans ~/.claude/skills. - Dis-moi ce que fait chaque commande avant de la lancer. - À la fin, liste les skills installées et propose-moi une première demande pour les essayer.
Une fois installé, essayez par exemple :
Make an HTML wireframe with three layout directions for a settings page.
Build an interactive prototype of the checkout flow with error states.
Draw an architecture diagram of this service as HTML.
Write a one-pager that recaps this sprint with big pictures and few words.
1.0.0