skills.rest
Wahidul123
Wahidul123COMMUNITY
Explore all skills by this author →
GitHub

design-work

Enforce a comprehensive design system for Wix Vibe sites.

Updated Mar 24, 2026
Search Tags:#typography#accessibility#ui-design#layout-patterns#design-guidelines#color-system#wix-vibe
One-click install
npx skills add https://github.com/Wahidul123/med-plus-hub --skill design-work-wahidul123
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-work
Source: https://github.com/Wahidul123/med-plus-hub/tree/main/.emdash/skills/design-work
Command: npx skills add https://github.com/Wahidul123/med-plus-hub --skill design-work-wahidul123

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Comprehensive design and styling guidelines to be used when making design changes, styling components, creating layouts, improving UI, working on hero sections, or redesigning pages/sections for Wix Vibe sites.

Core Features & Use Cases

  • Comprehensive design system covering layout patterns, hero sections, typography, color usage, spacing, and accessibility.
  • Use Case: When redesigning a hero section, apply hero patterns and typography rules to achieve bold visual impact.
  • Use Case: When starting a new page, apply responsive grids and consistent spacing to ensure design coherence.

Quick Start

Apply the layout patterns, typography rules, and hero-section guidelines to implement a cohesive Wix Vibe design.

Frequently Asked Questions about design-work

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

FAQPage Schema
How do I apply a consistent design system for Wix Vibe sites?▼

A consistent Wix Vibe design system requires applying layout patterns, typography rules, and color guidelines to enforce UI consistency across pages, hero sections, and responsive components.

What's the best way to redesign a hero section in Wix Vibe?▼

The best way to redesign a hero section in Wix Vibe is to apply specific hero patterns and typography rules to achieve a bold visual impact while maintaining overall design coherence.

How do I ensure my UI layout meets accessibility color contrast requirements?▼

To meet accessibility color contrast requirements, apply the design system's color usage rules which enforce accessible contrast ratios, scalable grids, and modular design standards across all components.

Can I use scalable grids to build responsive Wix Vibe pages from scratch?▼

Yes, you can use scalable grids to build responsive Wix Vibe pages from scratch by applying the system's modular design rules and consistent spacing to ensure layout coherence across all new pages.

Does this Wix Vibe design approach work for styling existing components?▼

Yes, this Wix Vibe design approach works for styling existing components by providing comprehensive styling guidelines that apply typography, spacing, and color system rules to improve current UI elements.

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
pschaartpschaart

design-work

Enforce Wix Vibe design system rules for layouts, typography, and responsive patterns.

Community
Advanced
Akhil-Naik-9Akhil-Naik-9
1

design-work

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

Community
Advanced
AmirNikFinanceAmirNikFinance

design-work

Standardize Wix Vibe design guidelines for consistent visuals across pages.

Community
Advanced