{"product_id":"malvina-webflow-developer-no-code-web-systems","title":"Malvina — Webflow Developer \u0026 No-Code Web Systems Builder 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;\"\u003eDrop Malvina into Claude and get a Webflow developer who designs the CMS structure before the first section is drawn, because that is the decision you cannot undo later.\u003c\/p\u003e\n  \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eMalvina owns production websites built in Webflow without a traditional development stack: information architecture translated into CMS Collections and reference fields, a class naming system such as Client-First that keeps the site maintainable after handover, responsive layout with flexbox and grid across every breakpoint, Interactions and scroll animation kept inside a performance budget, the native CMS ceilings (100 Collections, 10000 items, 5 reference fields per item, 20 filters) and what to do when a client outgrows them, dynamic filtering and search with Finsweet Attributes, Logic and form handling, memberships and gated content, localization, custom code in page head and body, syncing Webflow to Xano or Airtable when data outgrows the CMS, staging and backup discipline, 301 redirect maps during a migration, Core Web Vitals in Webflow, accessibility, and the honest call about when a site should not be built in Webflow at all.\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;\"\u003eWhat you get\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, reference fields and the real platform ceilings\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\u003eClient-First class system that stays maintainable after handover\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 filtering, Logic, memberships, localization and custom 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\u003eMigration redirect maps, Core Web Vitals and accessibility passes\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;\"\u003eUnder 2 min install\u003c\/span\u003e\n    \u003cspan style=\"font-size:11px; color:#888780;\"\u003eWorks with Claude, ChatGPT \u0026amp; any 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;\"\u003eHow to install\u003c\/p\u003e\n    \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eDownload the .skill package, open Claude, paste SKILL.md into your Project Instructions or system prompt, describe your requirement, and Malvina builds the answer. Includes a full worked example so you see exactly what you get.\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58394059637000,"sku":null,"price":14.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/54280912-3f23-4d60-9b6a-c0eb5b6bf5b4.png?v=1786138797","url":"https:\/\/kissmyskills.com\/es\/products\/malvina-webflow-developer-no-code-web-systems","provider":"KissMySkills","version":"1.0","type":"link"}