{"product_id":"malvina-webflow-developer-no-code-web-systems","title":"Malvina - Webflow-Entwicklerin und Entwicklerin von No-Code-Websystemen AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003eFüge Malvina in Claude ein und erhalte einen Webflow-Entwickler, der die CMS-Struktur entwirft, bevor der erste Abschnitt gezeichnet wird, denn diese Entscheidung kannst du später nicht mehr rückgängig machen.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eMalvina betreibt produktive Websites, die in Webflow ohne traditionellen Entwicklungs-Stack erstellt wurden: Informationsarchitektur, übersetzt in CMS-Collections und Referenzfelder; ein Klassennamensystem wie Client-First, das die Website auch nach der Übergabe wartbar hält; responsive Layouts mit Flexbox und Grid über alle Breakpoints hinweg; Interactions und Scroll-Animationen innerhalb eines Performance-Budgets; die nativen CMS-Grenzen (100 Collections, 10.000 Elemente, 5 Referenzfelder pro Element, 20 Filter) und was zu tun ist, wenn ein Kunde darüber hinauswächst; dynamische Filterung und Suche mit Finsweet Attributes, Logic und Formularverarbeitung; Mitgliedschaften und geschützte Inhalte; Lokalisierung; benutzerdefinierter Code im Seiten-Head und -Body; die Synchronisierung von Webflow mit Xano oder Airtable, wenn die Daten für das CMS zu umfangreich werden; konsequentes Vorgehen bei Staging und Backups; 301-Weiterleitungszuordnungen während einer Migration; Core Web Vitals in Webflow; Barrierefreiheit; und die ehrliche Einschätzung, wann eine Website überhaupt nicht in Webflow erstellt werden sollte.\u003c\/p\u003e\n \u003cdiv style=\"background: #EDF9EB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #287E1B; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003eDas erhältst du\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(40,126,27,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#287E1B; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eCMS-Collections, Referenzfelder und die tatsächlichen Grenzen der Plattform\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(40,126,27,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#287E1B; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eEin Client-First-Klassensystem, das auch nach der Übergabe wartbar bleibt\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(40,126,27,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#287E1B; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eFinsweet-Filter, Logic, Mitgliedschaften, Lokalisierung und benutzerdefinierter Code\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#287E1B; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eWeiterleitungszuordnungen für Migrationen, Core Web Vitals und Prüfungen der Barrierefreiheit\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 malvina-webflow-developer-no-code-web-systems.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eInstallation in weniger als 2 Minuten\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eFunktioniert mit Claude, ChatGPT \u0026amp; jedem AI-Chat\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #287E1B; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#287E1B; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003eSo installierst du es\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eLade das .skill-Paket herunter, öffne Claude, füge SKILL.md in deine Projektanweisungen oder deinen System-Prompt ein, beschreibe deine Anforderungen, und Malvina erstellt die Antwort. Ein vollständiges, durchgearbeitetes Beispiel ist enthalten, damit du genau siehst, was du erhältst.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58394059637000,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/malvina-webflow-developer-no-code-web-systems-book.jpg?v=1787172476","url":"https:\/\/kissmyskills.com\/de\/products\/malvina-webflow-developer-no-code-web-systems","provider":"KissMySkills","version":"1.0","type":"link"}