design-work

Codify Wix Vibe design guidelines for typography, color, spacing, and components.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Address inconsistent Wix Vibe design quality across projects. Without unified patterns, teams waste time reconciling typography, spacing, and component styles, leading to fragmented user experiences.

Core Features & Use Cases

  • Standardized design tokens for typography, color, spacing, and components to ensure visual consistency.
  • Reusable layout patterns and hero-section conventions to accelerate page creation while maintaining quality.
  • Accessibility and responsive design guidance to guarantee usable experiences across devices.

Quick Start

Apply these guidelines when starting a new Wix Vibe page or redesigning a section to ensure a cohesive, accessible design.

Frequently Asked Questions about design-work

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

FAQPage Schema
How do I maintain consistent typography and spacing across Wix Vibe projects?

To maintain consistent typography and spacing across Wix Vibe projects, apply standardized design tokens and reusable layout patterns. This codifies core design philosophy into unified guidelines, preventing fragmented user experiences and saving time reconciling component styles.

What are Wix Vibe design guidelines for responsive and accessible layouts?

Wix Vibe design guidelines for responsive and accessible layouts provide standardized rules for color usage, typography, and component scaling. They guarantee usable experiences across devices by codifying accessibility requirements and responsive behavior into reusable design patterns.

Can I use these design guidelines to standardize hero sections and page creation?

Yes, you can use these design guidelines to standardize hero sections and page creation. They provide reusable layout patterns and hero-section conventions that accelerate page creation while maintaining visual consistency and high design quality.

Why does my Wix Vibe design quality look inconsistent across different pages?

Your Wix Vibe design quality looks inconsistent across pages due to a lack of unified patterns for typography, spacing, and component styles. Without standardized design tokens, teams waste time reconciling styles, leading to fragmented user experiences.

What is the best way to start a new Wix Vibe page with cohesive design?

The best way to start a new Wix Vibe page with cohesive design is to apply these standardized guidelines at the beginning of your project. This ensures consistent typography, color usage, and accessible responsive rules from the start.