design-work

Define design and styling guidelines for Wix Vibe websites.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/mayankbisht689-code/himalaya-quest --skill design-work-mayankbisht689-code
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-work
Source: https://github.com/mayankbisht689-code/himalaya-quest/tree/main/.emdash/skills/design-work
Command: npx skills add https://github.com/mayankbisht689-code/himalaya-quest --skill design-work-mayankbisht689-code

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

All-encompassing design, styling, and layout guidelines to help teams create consistent, production-grade Wix Vibe websites, reducing guesswork and rework during design changes.

Core Features & Use Cases

  • Provides patterns for layout containers, responsive grids, flexbox patterns, and section variation to ensure diverse yet cohesive page structures.
  • Establishes typography, color usage, and accessibility practices to maintain brand consistency across hero sections, headers, footers, and content blocks.
  • Serves as a designer-developer handbook for implementing hero sections, sections, and media usage that align with the brand's visual language.

Quick Start

Apply these guidelines to start designing a cohesive Wix Vibe site redesign.

Frequently Asked Questions about design-work

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the design guidelines for creating a Wix Vibe website layout?

Wix Vibe design guidelines provide comprehensive patterns for responsive grids, flexbox layouts, and section variations to ensure diverse yet cohesive page structures. They define rules for layout containers to maintain visual consistency across pages.

How do I maintain typography and color consistency across Wix Vibe pages?

To maintain typography and color consistency on Wix Vibe pages, apply established design practices that define specific font pairings, color palettes, and accessibility standards for reuse across hero sections, headers, and content blocks.

Does the Wix Vibe design system include accessibility and responsiveness rules?

Yes, the Wix Vibe design system includes explicit accessibility and responsiveness rules. It defines responsive behavior patterns and accessibility practices to ensure production-grade websites are visually consistent and usable across different devices.

What is the best way to design hero sections and media blocks in Wix Vibe?

The best way to design Wix Vibe hero sections and media blocks is to follow the designer-developer handbook patterns. These guidelines align media usage and component structures with the brand's established visual language.

Can I use these Wix Vibe layout patterns for a full site redesign?

Yes, you can use these Wix Vibe layout patterns for a full site redesign. The guidelines are specifically applicable to redesigns across pages, providing motion patterns and component variations to reduce guesswork and rework.