CommunitySchreiben & Editierengithub.com

pageel/pageel-page-map

🚀 Ein AI-Agenten-Skill, der jedem Codierungs-Agenten beibringt, Webseitenlayouts zu sehen und zu navigieren – nicht nur Codebäume. Füge SKILL.md hinzu, karte deine Seiten und sieh zu, wie dein KI-Assistent aufhört zu raten, welche Komponente bearbeitet werden muss.

Was ist pageel-page-map?

Der **pageel/pageel-page-map** Skill erweitert KI-Codierungsagenten (wie Claude Code, Cursor, Codex) um die Fähigkeit, Webseitenlayouts visuell zu verstehen und gezielt zu navigieren. Statt sich nur auf Codebäume zu verlassen, wird dem Agenten beigebracht, eine Seitenkarte zu interpretieren, die die räumliche Anordnung von UI-Komponenten beschreibt. Dies reduziert Fehler bei der Identifikation der zu bearbeitenden Komponente erheblich. Der Skill wird einfach durch Einfügen der `SKILL.md`-Datei in das Projekt integriert und unterstützt alle gängigen Coding-Agenten. Entwickler profitieren von einer präziseren Zusammenarbeit mit der KI, da diese nun weiß, welcher Button, welches Menü oder welche Section auf einer Seite tatsächlich gemeint ist.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add pageel/pageel-page-map

Installed? Explore more Schreiben & Editieren skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht pageel-page-map?

🚀 Ein KI-Agenten-Skill, der jedem Codierungs-Agenten beibringt, Webseitenlayouts zu sehen und zu navigieren – nicht nur Codebäume. Füge SKILL.md hinzu, karte deine Seiten und sieh zu, wie deine KI aufhört zu raten, welche Komponente bearbeitet werden muss.

Verwandte Skills