skills.rest
ngocnhanvo
ngocnhanvoCOMMUNITY
Explore all skills by this author →
GitHub

design-work

Provide design and styling guidelines for Wix Vibe websites.

Updated May 26, 2026
Search Tags:#typography#accessibility#responsive design#web design#color theory#layout patterns#wix vibe
One-click install
npx skills add https://github.com/ngocnhanvo/temp-03-xehoihonda --skill design-work-ngocnhanvo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-work
Source: https://github.com/ngocnhanvo/temp-03-xehoihonda/tree/main/.emdash/skills/design-work
Command: npx skills add https://github.com/ngocnhanvo/temp-03-xehoihonda --skill design-work-ngocnhanvo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive design and styling guidelines to help you create beautiful, production-grade Wix Vibe websites efficiently.

Core Features & Use Cases

  • Layout Patterns: Offers a variety of layout patterns for different types of content and screens.
  • Typography Guidelines: Provides responsive typography rules for headings and paragraphs.
  • Color Usage: Defines rules for color usage and contrast to ensure accessibility.
  • Responsive Design: Offers responsive design principles and patterns for mobile-first development.
  • Accessibility: Ensures color contrast and semantic HTML for accessibility compliance.

Quick Start

Apply the design-work skill to create a new Wix Vibe website layout following the provided guidelines.

Frequently Asked Questions about design-work

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

FAQPage Schema
How do I apply responsive typography and layout patterns for Wix Vibe websites?▼

To ensure web accessibility on Wix Vibe, follow the provided color contrast rules and semantic HTML guidelines. This Skill defines specific color usage standards to guarantee your website meets compliance requirements for all users.

What design guidelines are available for front-end developers creating Wix Vibe sites?▼

Design guidelines available for Wix Vibe front-end developers include layout patterns, typography rules, color theory usage, responsive design principles, and accessibility constraints. These rules assist in building visually appealing, production-grade websites efficiently.

Can I use this design guidance for mobile-first responsive web development?▼

Yes, you can use this design guidance for mobile-first responsive web development. It specifically offers responsive design principles and patterns tailored to ensure your Wix Vibe website scales correctly from mobile to desktop screens.

How does color theory influence accessibility and contrast in web design?▼

Color theory influences accessibility by dictating specific color usage and contrast rules that ensure readable content. This Skill defines these contrast boundaries to help your Wix Vibe website meet strict accessibility compliance standards.

Are there limitations to the layout patterns provided for Wix Vibe websites?▼

The layout patterns provided for Wix Vibe websites are limited to front-end design and styling configurations. They do not handle backend logic, focusing strictly on visual layout, typography, color contrast, and responsive design rules.

Related Skills

Explore More Design & Creative Skills→
kevinnguyen271090kevinnguyen271090
15

frontend-dev-guidelines

Provide React/TypeScript guidelines for components, data fetching, styling, and routing.

Community
Basic
Wahidul123Wahidul123

design-work

Enforce a comprehensive design system for Wix Vibe sites.

Community
Advanced
Bhanuprakash2580Bhanuprakash2580

design-work

Define and enforce consistent design systems for Wix Vibe sites.

Community
Advanced
Ankish8Ankish8
2

Design System Validator

Validate component code for CSS variables, responsive patterns, and accessibility compliance.

Community
Advanced