{"product_id":"malvina-webflow-developer-no-code-web-systems","title":"Malvina - Skill разработчика Webflow AI","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;\"\u003eДобавьте Malvina в Claude и получите разработчика Webflow, который проектирует структуру CMS до того, как нарисован первый раздел, потому что это решение уже нельзя будет отменить позже.\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eMalvina создаёт и поддерживает рабочие сайты в Webflow без традиционного стека разработки: информационная архитектура, преобразованная в CMS-коллекции и ссылочные поля; система именования классов, например Client-First, которая сохраняет сайт удобным для поддержки после передачи проекта; адаптивная вёрстка с flexbox и grid на всех брейкпоинтах; взаимодействия и анимация при прокрутке в рамках бюджета производительности; встроенные ограничения CMS (100 коллекций, 10000 элементов, 5 ссылочных полей на элемент, 20 фильтров) и действия, когда клиент их перерастает; динамическая фильтрация и поиск с помощью Finsweet Attributes; Logic и обработка форм; подписки и контент с ограниченным доступом; локализация; пользовательский код в head и body страницы; синхронизация Webflow с Xano или Airtable, когда данных становится слишком много для CMS; дисциплина работы со staging и резервными копиями; карты 301-редиректов при миграции; Core Web Vitals в Webflow; доступность; и честный ответ на вопрос, когда сайт вообще не стоит создавать в Webflow.\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;\"\u003eЧто вы получите\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-коллекции, ссылочные поля и реальные ограничения платформы\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\u003eСистема классов Client-First, которую легко поддерживать после передачи проекта\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\u003eФильтрация Finsweet, Logic, подписки, локализация и пользовательский код\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\u003eКарты перенаправлений при миграции, проверки Core Web Vitals и доступности\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;\"\u003eУстановка занимает менее 2 минут\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003eРаботает с Claude, ChatGPT и любым AI-чатом\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;\"\u003eКак установить\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003eСкачайте пакет .skill, откройте Claude, вставьте SKILL.md в инструкции проекта или системный prompt, опишите свою задачу, и Malvina подготовит ответ. Включён полный пошаговый пример, чтобы вы точно понимали, что получите.\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\/ru\/products\/malvina-webflow-developer-no-code-web-systems","provider":"KissMySkills","version":"1.0","type":"link"}