Silver Robot Produkt-Websitev1.0.2
Nutze diesen Skill für: Produkt-Website erstellen.
Im Kommen
5.029 Downloads1 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Eine hochwertige Website für Hardware-Marken, aufgebaut um silberne Studiofotografie und einen riesigen, dünn gesetzten Modellnamen. Der Hero wechselt zwischen Modellen mit mattierten Spec-Karten, eine Modellfamilie wird in echter relativer Größe gezeigt, und ein asymmetrisches Bento mischt Fotos, Zahlen und Code. Seiten für Modelle, Technologie, Anwendungen, Journal, Downloads, Über uns, FAQ und Demo-Buchung sind alle verknüpft, dazu ein Konfigurator, der ein laufendes Angebot ins Buchungsformular übernimmt.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine Website mit 23 Routen: Modelle mit drei Produktseiten, Technologie, Anwendungen mit vier Case-Seiten, Journal mit drei Artikeln, Downloads, Über uns, Demo-Buchung, FAQ, Newsletter, Rechtliches und 404
- Funktionierende Bedienelemente: Modellumschalter im Hero, Produktgalerie, Konfigurator mit laufender Summe, Vergleichsumschalter, Modulfilter mit Sortierung und Suche, Download-Filter und FAQ-Suche
- Typografie in Inter Tight und IBM Plex Mono, dezente weiße Spec-Karten und silberne Studiofotos, alles in einer Datei, die offline öffnet
Passt gut für
- Hersteller von Robotern, Drohnen, E-Bikes, Audiogeräten und Kameras mit einer Produktfamilie, die präsentiert werden soll
- Hardware-Startups, die Specs, Vergleiche, Downloads und Demo-Buchung auf einer Website brauchen
- Marken für Laborinstrumente und Ausrüstung, die einen ruhigen, technischen Look statt einer lauten Launch-Seite möchten
Nicht geeignet für
- Echte Bestellungen oder Zahlungen: Konfigurator und Demo-Formular bestätigen auf der Seite und weisen darauf hin, dass nichts gesendet wurde
- Reine Softwareprodukte ohne etwas Physisches zum Fotografieren
- Marken, die einen dunklen oder farbenfrohen Look möchten; die Palette ist Silber, Weiß und Graphit
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseProdukt-Website erstellenStil fixiertBearbeitbares ErgebnisRoboter-BentoRoboter-FeaturesRoboter-HeroRoboter-Datenblatt
Über diesen Skill
Mach aus deiner Produktlinie eine ruhige, technische Markenwebsite: ein riesiger, dünn gesetzter Modellname über silberner Studiofotografie, dezente weiße Spec-Karten und eine Modellreihe in echter relativer Größe. Das Beispiel umfasst drei Roboter auf 23 verknüpften Routen, und die Website kommt als eine Datei, die offline in jedem Browser öffnet.
Das bekommst du
- Ein Modellumschalter im Hero, der Bild, Namen, Lead und Specs austauscht, eine maßstabsgetreue Modellfamilie und ein asymmetrisches Hardware-Bento mit Code-Zelle
- Modellseiten mit Galerie und Konfigurator, ein direkter Vergleich mit Umschalter für nur die Unterschiede und ein filterbarer Modulkatalog
- Technologie-Tabs, Seiten zu Anwendungsfällen, ein Journal, Downloads mit Filtern, eine Über-uns-Seite mit Zeitleiste, FAQ mit Suche und Demo-Buchung
- Validierte Formulare, die deine Konfiguration in die Demo-Anfrage übernehmen und auf der Seite bestätigen
- Inter Tight und IBM Plex Mono sind zusammen mit allen Bildern eingebettet, sodass die Seite keine Netzwerkanfragen stellt
So nutzt du es
- Gib dem Skill deine Marke, Produkte mit Modellcodes, Specs und Preisen, deine Zielgruppe und die Seiten, die du brauchst. Füge Produktfotos hinzu, falls du welche hast.
- Er füllt jede Seite, generiert fehlende Bilder in einem einheitlichen Studiostil und listet entworfene Fakten zur Bestätigung auf.
- Öffne die Datei, probier Umschalter, Konfigurator und Filter aus und beschreib Änderungen in einfachen Worten.
Bilder, die du nicht lieferst, stammen aus dem Bildtool deines Agenten, das eigene Nutzungskosten haben kann.
Was du vorab brauchst
- Du bringst mit
- Markenname, Zielgruppe und die Seiten, die du brauchst · Zwei bis vier Produkte mit Modellcodes, wichtigsten Specs, Preisen und dem Einsatzzweck jedes Produkts · Optional: Produktfotos, Partner, Zitate und Unternehmensfakten, die du bestätigen kannst
- Abhängigkeiten
- Node.js 18 oder neuer auf dem Rechner deines Agenten, um das mitgelieferte Skript auszuführen, das die einzelne Offline-Datei baut · Internetzugang während des Builds, damit die Schriften einmal heruntergeladen und eingebettet werden können · Ein Bildtool in deinem Agenten für Produkt-Heros, Ganzkörperaufnahmen, Nahaufnahmen und Szenen; optional, wenn du eigene Fotos lieferst
- Externe Kosten
- Bilder, die du nicht lieferst, werden mit dem Bildtool deines Agenten generiert, das Nutzungskosten verursachen kann. Die fertige Seite stellt keine Netzwerkanfragen. Das Ansehen des Beispiels kostet nichts.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …