Extrahiert das visuelle Design-System einer Website und/oder aus Design-Guides (PDF, DOCX, PPTX) und generiert eine DESIGN.md (Light + Dark Mode), interaktive HTML-Previews und einen optionalen Style Guide als PPTX im Marken-Design. Reverse-Engineering von getdesign.md — kostenlos und lokal, mit Style-Guide-Erstellung die getdesign.md nicht hat. Typische Anwendungsfaelle: Wettbewerbsanalyse, Design-Mustersuche, schnelles Briefing-Material fuer Designer/Agenturen, maschinenlesbares Briefing fuer Claude Design / Cursor / Lovable / v0 (eigene Webseite oder Muster-Designs). Verwenden wenn der Nutzer ein Design-System extrahieren, eine DESIGN.md erstellen, das visuelle Design einer Website dokumentieren, einen Konkurrenten analysieren oder Claude Design mit einem Referenz-Design briefen moechte. Ausloeser: "erstelle eine DESIGN.md", "extrahiere das Design von...", "design system aus website", "DESIGN.md fuer...", "design md", "analysiere die Webseite von...", "Wettbewerber-Design", "Muster-Design".
Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI
Supported by the Atlas install prompt. Skill-specific requirements vary.
Skill stats
Skills1CategoryDeveloper toolsStars0
About this skill
Extrahiert das visuelle Design-System einer Website und/oder aus Design-Guides (PDF, DOCX, PPTX) und generiert eine DESIGN.md (Light + Dark Mode), interaktive HTML-Previews und einen optionalen Style Guide als PPTX im Marken-Design. Reverse-Engineering von getdesign.md — kostenlos und lokal, mit Style-Guide-Erstellung die getdesign.md nicht hat. Typische Anwendungsfaelle: Wettbewerbsanalyse, Design-Mustersuche, schnelles Briefing-Material fuer Designer/Agenturen, maschinenlesbares Briefing fuer Claude Design / Cursor / Lovable / v0 (eigene Webseite oder Muster-Designs). Verwenden wenn der Nutzer ein Design-System extrahieren, eine DESIGN.md erstellen, das visuelle Design einer Website dokumentieren, einen Konkurrenten analysieren oder Claude Design mit einem Referenz-Design briefen moechte. Ausloeser: "erstelle eine DESIGN.md", "extrahiere das Design von...", "design system aus website", "DESIGN.md fuer...", "design md", "analysiere die Webseite von...", "Wettbewerber-Design", "Muster-Design".
Quick start
Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.
Extrahiert das visuelle Design-System einer Website und/oder aus Design-Guides (PDF, DOCX, PPTX) und generiert eine DESIGN.md (Light + Dark Mode), interaktive HTML-Previews und einen optionalen Style Guide als PPTX im Marken-Design. Reverse-Engineering von getdesign.md — kostenlos und lokal, mit Style-Guide-Erstellung die getdesign.md nicht hat. Typische Anwendungsfaelle: Wettbewerbsanalyse, Design-Mustersuche, schnelles Briefing-Material fuer Designer/Agenturen, maschinenlesbares Briefing fuer Claude Design / Cursor / Lovable / v0 (eigene Webseite oder Muster-Designs). Verwenden wenn der Nutzer ein Design-System extrahieren, eine DESIGN.md erstellen, das visuelle Design einer Website dokumentieren, einen Konkurrenten analysieren oder Claude Design mit einem Referenz-Design briefen moechte. Ausloeser: "erstelle eine DESIGN.md", "extrahiere das Design von...", "design system aus website", "DESIGN.md fuer...", "design md", "analysiere die Webseite von...", "Wettbewerber-Design", "Muster-Design".
About this listing
Category
Developer tools
Reported license
Not specified
Listing language (estimated)
German
Review status
Not individually reviewed
Agent compatibility
Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLI