Enforce design and styling rules for Wix Vibe pages.
npx skills add https://github.com/Rachit246-art/rvglobal1 --skill design-work-rachit246-art
Please help me install this Agent Skill. Skill: design-work Source: https://github.com/Rachit246-art/rvglobal1/tree/main/.emdash/skills/design-work Command: npx skills add https://github.com/Rachit246-art/rvglobal1 --skill design-work-rachit246-art
It prevents inconsistent, underwhelming, or difficult-to-maintain Wix page designs by enforcing clear layout, typography, responsiveness, accessibility, and styling rules.
Ask the AI to redesign your Wix Vibe hero and the next three sections for visual variety, using max-width rules of 100rem+, font-heading/font-paragraph classes, accessible color/contrast checks, and Framer Motion animations.
High-intent search queries and answers about installing and using this skill.
To create consistent Wix page layouts, use standardized container max-widths of 100rem or more, apply reusable grid and flex patterns, and assign specific font-heading and font-paragraph classes to ensure uniform section composition and visual variety.
WCAG AA contrast requirements for Wix Vibe UI design mandate verifying color pairings for text, buttons, and focus states. You must check key UI elements against contrast thresholds and ensure semantic HTML rules are followed for accessibility.
Yes, you can use Framer Motion for animations in Wix Vibe web design. The system requires Framer Motion usage for motion elements and applies styling rules alongside Tailwind CSS practices to maintain safe and dynamic page behavior.
Wix UI guidelines prohibit placeholder links, inline SVG drawing, and emoji usage to ensure CSS and design safety. You must also enforce specific padding, border radius, and focus state rules to maintain production-grade code quality.
To design a high-performing Wix hero section, implement full-bleed visual impact, use bold typography, and apply strategic imagery patterns. Ensure distinct consecutive section structures follow the hero for required layout variation.
anolilabGenerate Tailwind CSS v4.1+ utility-first styling patterns for React, Vue, and Svelte components.
Wahidul123Enforce a comprehensive design system for Wix Vibe sites.
AmirNikFinanceStandardize Wix Vibe design guidelines for consistent visuals across pages.
Akhil-Naik-9Codify Wix Vibe UI guidelines for layouts, typography, color, and components.
