design-work

Establish design and styling guidelines for Wix Vibe websites.

Updated Mar 24, 2026
One-click install
npx skills add https://github.com/arborba100/Domcomando --skill design-work-arborba100
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-work
Source: https://github.com/arborba100/Domcomando/tree/main/.emdash/skills/design-work
Command: npx skills add https://github.com/arborba100/Domcomando --skill design-work-arborba100

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Comprehensive, consistent design and styling standards to ensure cohesive Wix Vibe experiences across pages, components, and hero sections.

Core Features & Use Cases

  • Layout patterns: documented grids, sections, and responsive patterns to speed up design decisions.
  • Typography & color: prescribed font classes, tokens, and contrast guidance for accessibility.
  • Hero & sections: proven hero templates and varied section variations to keep layouts engaging.
  • Accessibility & responsive: guidance to meet accessibility requirements and adapt to breakpoints.

Quick Start

Open design-work guidelines and apply the standard layout, typography, and color rules to your next Wix Vibe page.

Frequently Asked Questions about design-work

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

FAQPage Schema
How do I establish consistent design guidelines for Wix Vibe websites?

To establish design guidelines for Wix Vibe, apply structured standards for layout patterns, typography, color tokens, and responsive behavior. This ensures cohesive visual consistency and branding compliance across all pages and components.

What layout patterns should I use for responsive Wix site sections?

Use documented grids, section variations, and responsive breakpoint patterns to structure your Wix site sections. These layout patterns speed up design decisions and ensure interfaces adapt correctly across different device sizes.

How do I ensure typography and color accessibility in Wix UI styling?

Ensure typography and color accessibility by applying prescribed font classes and color tokens with strict contrast guidance. Following these UI styling rules guarantees text remains legible and meets accessibility requirements across the site.

Are there standard templates for designing hero sections on Wix?

Yes, you can use proven hero section templates to design engaging Wix page layouts. These hero variations provide structured, reusable patterns that maintain visual consistency while highlighting key content above the fold.

Can I apply these design and styling rules to existing Wix components?

Yes, these design and styling rules apply directly to existing Wix Vibe components. They provide structured guidance for updating layouts, typography, and color systems to achieve branding compliance and quality across pages.