design-work

Codify Wix Vibe UI guidelines for layouts, typography, color, and components.

1|Updated Nov 16, 2025
One-click install
npx skills add https://github.com/Akhil-Naik-9/wixMade-Portfolio --skill design-work-akhil-naik-9
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-work
Source: https://github.com/Akhil-Naik-9/wixMade-Portfolio/tree/main/.emdash/skills/design-work
Command: npx skills add https://github.com/Akhil-Naik-9/wixMade-Portfolio --skill design-work-akhil-naik-9

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Comprehensive design and styling guidelines to standardize Wix Vibe site aesthetics, reducing guesswork and ensuring consistent quality across pages.

Core Features & Use Cases

  • Layout patterns and section variation guidelines to create dynamic, non-repetitive pages.
  • Typography and color usage rules to maintain brand consistency across hero sections, headers, and body content.
  • Prototyping guidance for headers, footers, animations, media and galleries, and responsive designs for production-ready pages.

Quick Start

Review the guidelines and begin applying the provided layout patterns and hero-section patterns to craft a cohesive 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 create consistent UI typography and color rules for Wix Vibe?

To create consistent UI typography and color rules for Wix Vibe, you need standardized design tokens. This skill codifies comprehensive guidelines to enforce consistent spacing, typography tokens, and color usage across your pages, reducing guesswork and ensuring brand consistency.

What is the best way to design responsive hero sections in Wix Vibe?

The best way to design responsive hero sections in Wix Vibe is to apply codified layout patterns. This skill provides production-ready hero section and section variation guidelines, ensuring your headers and layouts remain dynamic, cohesive, and non-repetitive across all pages.

How do I standardize layout patterns and spacing for accessible UI?

You standardize accessible UI by applying reusable design patterns and strict spacing rules. This skill enforces consistent spacing, typography tokens, and accessibility guidelines to standardize layouts, ensuring high-quality and standardized aesthetics across your entire site.

Can I use these Wix Vibe guidelines to prototype responsive layouts and animations?

Yes, you can use these Wix Vibe guidelines to prototype responsive layouts and animations. The skill provides specific prototyping guidance for headers, footers, media galleries, and animations, allowing you to build production-ready pages with standardized components.

When do I need comprehensive UI guidelines for my Wix Vibe site?

You need comprehensive UI guidelines when your Wix Vibe site suffers from inconsistent page aesthetics. This skill solves that problem by providing standardized rules for typography, color, and layout, ensuring consistent quality and reducing design guesswork across all pages.