Power Designvon ItsssssJack

Power Design Skill.

Wähle zuerst das Medium und wende dann die Marke an, ohne die Anforderungen an Folien und Websites zu vermischen.

Webdesign
Präsentationen
Markensysteme

OpenDesign herunterladen Nutzungsanleitung ansehen

Quellenprüfung · Power DesignSKILL.md

Aufgabe Webdesign Ergebnis • Eine HTML-Präsentation oder responsive Website; verlinkte Schriften und Bilder können Netzwerkzugriff erfordern. • Ein wiederverwendbarer Markenstil-Eintrag, wenn eine neue Quellmarke extrahiert wird. • Eine Ausgabe, die anhand der Folien- bzw. Website-Checkliste auf Inhalt, Layout und Barrierefreiheit geprüft wurde. Vor dem Start Die Markenextraktion per URL benötigt Firecrawl. Standardausgaben vermeiden externe JavaScript-Abhängigkeiten; Schriften oder Bilddateien können jedoch weiterhin eigene Verfügbarkeit und Rechte voraussetzen.

Redaktionelle Zusammenfassung · Quelle geprüft 2026-10-07 · kein generiertes Beispiel

01 Funktionen

Markenorientierte HTML-Decks oder -Websites erstellen

Ein HTML-Designworkflow mit gemeinsamer Markenextraktion und getrennten Regeln für Präsentationen und responsive Websites.

Quellenbasierter WorkflowKein Benchmark der Ausführung

Die Arbeitsweise

Power Design hat zwei Ausgabepfade mit gemeinsamer Markengrundlage: eine HTML-Präsentation mit festem Format und eine responsive Website. Es kann eine Marken-URL über Firecrawl, einen mitgelieferten Markenstil oder einen neutralen Standard verwenden. Dieselben Referenzen für Hintergrund, Vordergrund, Akzent, Schrift, Radius und Tonalität fließen dann in die jeweiligen medienspezifischen Regeln ein.

Die Unterscheidung ist wichtig, weil eine lesbare projizierte Folie und eine nutzbare Webseite unterschiedliche Anforderungen haben. Der Folienpfad betont begrenzten Inhalt, eine Sicherheitszone, einen visuellen Kernpunkt und einen klaren Präsentationsmodus. Der Website-Pfad ergänzt responsives Layout, semantische Struktur, Tastaturzugriff, Theme-Verhalten, Formulare und Metadaten. Das sind Designziele, keine gemessenen Leistungsergebnisse.

Erwartete Ergebnisse

Eine HTML-Präsentation oder responsive Website; verlinkte Schriften und Bilder können Netzwerkzugriff erfordern.
Ein wiederverwendbarer Markenstil-Eintrag, wenn eine neue Quellmarke extrahiert wird.
Eine Ausgabe, die anhand der Folien- bzw. Website-Checkliste auf Inhalt, Layout und Barrierefreiheit geprüft wurde.

Beispiel-Brief ansehen

Vom Briefing zur Prüfung

01
Deck oder Website wählen
Lege das Ausgabemedium fest, bevor du Regeln oder eine Fläche auswählst.
02
Markengrundlagen festlegen
Nutze eine autorisierte URL-Extraktion, einen vorhandenen Stil aus der Bibliothek oder die neutrale Basis.
03
Das passende Regelwerk anwenden
Nutze Präsentationsvorgaben für Folien und Anforderungen an responsive Interaktion für Websites.
04
Speichern und prüfen
Öffne die Ausgabe, prüfe ihr medienspezifisches Verhalten und iteriere am tatsächlichen Ergebnis.

02 Einsatzbereiche

Wann es sich eignet

Die Markenextraktion per URL benötigt Firecrawl. Standardausgaben vermeiden externe JavaScript-Abhängigkeiten; Schriften oder Bilddateien können jedoch weiterhin eigene Verfügbarkeit und Rechte voraussetzen.

Gut geeignet

Markenpräsentationen mit HTMLNützlich, wenn ein browserbasiertes Deck das gewünschte Ergebnis ist.
Responsive MarketingseitenBietet einen Standard ohne Framework mit tokenisierter Darstellung für helles und dunkles Theme.

Grenzen, die du prüfen solltest

Kein PPTX-ExporterDie dokumentierte Standardausgabe ist HTML, keine native PowerPoint-Datei.
Markenextraktion braucht ZugriffDie URL-basierte Markenermittlung setzt eine verfügbare Firecrawl-Integration und zugängliches Quellmaterial voraus.
Ziele sind keine MesswerteAufgeführte Leistungsbudgets und Lesbarkeitsschwellen müssen an der tatsächlichen Ausgabe geprüft und dürfen nicht automatisch behauptet werden.

Diese Eingaben mitbringen

Medium und ZweckGib an, ob das Ergebnis ein Deck oder eine Website ist und welche Handlung oder Botschaft es unterstützen soll.
MarkenquelleLiefere eine URL, eine bekannte Bibliotheksmarke oder die Erlaubnis, einen neutralen Stil zu verwenden.
Inhalt und ZielgruppeNenne die tatsächlichen Aussagen, Abschnitte, Kernpunkte und die vorgesehenen Betrachter.

03 Wichtige Entscheidungen

Wichtige Entscheidungen

Medienspezifische Regeln
Eine feste Folienfläche sollte nicht die Dichte einer Website übernehmen, und eine Webseite nicht Interaktionsannahmen, die nur für Präsentationen gelten.
Gemeinsamer Markeneintrag
Der extrahierte Markenstil kann beide Pfade speisen, während ihre Layoutregeln getrennt bleiben.
Schlichter HTML-Standard
Die Quelle bevorzugt eine eigenständige Ausgabe, sofern nicht ausdrücklich ein größeres Projekt oder Framework benötigt wird.

04 Beispielbriefing

Mit einem fokussierten Briefing testen

Das folgende Beispiel-Briefing wurde nicht getestet. Prüfe die Einrichtung des Skills, bevor du es verwendest.

Einrichtung prüfen

Bewahre die Prinzipien, die Markenbibliothek und die Extraktionsreferenzen zusammen mit dem Skill auf. Die Quelle belegt keinen universellen Einzeiler zur Installation.

Quelldatei im Upstream

https://github.com/ItsssssJack/power-design/blob/f0c4143a38787aa33975b0e1811ccdf27d3014a1/SKILL.md

Mit einem Ergebnis beginnen

Passe Umfang, Quellmaterial und Rahmenbedingungen in diesem Briefing an, bevor du den Skill ausführst.

Beispiel-Briefing

Nutze power-design, um für den bereitgestellten Workshop eine responsive HTML-Seite zu erstellen, kein Foliendeck. Verwende unsere bereitgestellte Markenstil-Datei und die geprüften Veranstaltungsdetails. Halte eine einzige Anmeldeaktion bereit, unterstütze Tastaturbedienung sowie helle und dunkle Themes und berichte tatsächliche Prüfungen von Viewport und Leistung getrennt von den Designzielen.

Ergebnis prüfen

Prüfe die tatsächliche Ausgabe anhand dieser beobachtbaren Kriterien.

Die gewählte Ausgabe folgt den Regeln des richtigen Mediums.
Markenwerte lassen sich auf den bereitgestellten oder extrahierten Stil zurückführen.
Website oder Deck wird im vorgesehenen Browserkontext geprüft.

OpenDesign bietet einen lokalen Design-Arbeitsbereich für Coding-Agenten. Diese Auflistung bedeutet nicht, dass der Skill mitgeliefert wird oder dass externe Tools, Zugangsdaten und Softwareabhängigkeiten enthalten sind.

OpenDesign herunterladen Schnellstart lesen

05 Quelle und Lizenz

Quelle und Lizenz

Diese Seite beschreibt die unten verlinkte, fixierte Quellrevision. Verhalten und Anforderungen im Upstream können sich ändern.

Quellinhaber: ItsssssJack
Repository: ItsssssJack/power-design
Skill-Datei: SKILL.md
Lizenz: MIT
Geprüfter Stand: 2026-10-07 · f0c4143a3878

Redaktionelle Quellenzusammenfassung

Ein HTML-Designworkflow mit gemeinsamer Markenextraktion und getrennten Regeln für Präsentationen und responsive Websites.

Originalzusammenfassung von OpenDesign auf Basis der verlinkten Quelle. Repository-Sterne sind ein datiertes Popularitätssignal, keine Skill-Nutzung und keine Qualitätsbewertung.

06 Fragen vor dem Start

Fragen vor dem Start

Kann es PowerPoint-Dateien erzeugen?

Die Quelle beschreibt HTML-Präsentationen. Ein natives PPTX-Ergebnis erfordert einen separaten Konvertierungs- oder Erstellungsworkflow.

Braucht es immer Firecrawl?

Nur der Weg über die URL-Extraktion hängt davon ab; die Quelle bietet außerdem vorhandene Markenstile und einen neutralen Standard.

Sind helle und dunkle Modi für Websites enthalten?

Sie gehören zum dokumentierten Website-Standard, zusammen mit einem gespeicherten manuellen Umschalter, sofern der Umfang nicht geändert wird.

OpenDesign

Schaffe Raum für die nächste Design-Iteration.

Halte Briefing, Quellmaterial und Designarbeit in einem lokalen Arbeitsbereich zusammen. Prüfe die Einrichtung des Skills, bevor du ihn in deinen Workflow aufnimmst.

OpenDesign herunterladen Design-Skills durchsuchen