简体中文

Фокусные навыки агента для создания полезных, автономных HTML-артефактов — от низкокачественных вайрфреймов до рабочих интерактивных прототипов.

Жирные артефакты + жирный контекст

Современные модели могут многое. Дайте им много полезных справочников и используйте артефакты, чтобы показать, что вы имеете в виду. HTML может визуализировать почти всё, зачастую даже больше Очевидно, чем стена текста. Ваш запрос может просто указывать на артефакты, Репозитории и папки, содержащие контекст.

[! ПРИМЕЧАНИЕ] Вы можете использовать этот репозиторий без установки ничего. Воспринимайте его как справочник сначала, а потом — устанавливаемая коллекция навыков. См. Эффективное руководство по HTML.

https://github.com/user-attachments/assets/24306977-7f30-44c9-9bff-55f901d557b0

Отрендерить и аннотировать локальный HTML с помощью Plannotator.

Отсылки к навыкам

Репозитория включает семь дополнительных навыков для прагматичных визуальных артефактов.

Effective HTML

简体中文

Focused agent skills for creating useful, self-contained HTML artifacts, from low-fidelity wireframes to working interactive prototypes.

Fat artifacts + fat context

Modern models can do a lot. Give them plenty of useful references and use artifacts to show what you mean. HTML can visualize almost anything, often more clearly than a wall of text. Your prompt can simply point to the artifacts, repositories, and folders that carry the context.

[!NOTE] You can use this repo without installing anything. Treat it as a reference first and an installable skill collection second. See the Effective HTML guide.

https://github.com/user-attachments/assets/24306977-7f30-44c9-9bff-55f901d557b0

Render and annotate local HTML with Plannotator.

Skill references

The repo includes eight optional skills for pragmatic visual artifacts.