skills.rest
AmirNikFinance
AmirNikFinanceCOMMUNITY
Explore all skills by this author →
GitHub

design-work

Standardize Wix Vibe design guidelines for consistent visuals across pages.

Updated Dec 9, 2025
Search Tags:#typography#design#accessibility#responsive-design#ui-guidelines#wix#wix-vibe
One-click install
npx skills add https://github.com/AmirNikFinance/nik-financewix --skill design-work-amirnikfinance
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-work
Source: https://github.com/AmirNikFinance/nik-financewix/tree/main/.emdash/skills/design-work
Command: npx skills add https://github.com/AmirNikFinance/nik-financewix --skill design-work-amirnikfinance

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The design-work skill provides comprehensive guidelines to standardize design, styling, and layout decisions for Wix Vibe sites, reducing visual inconsistency and speeding up UI production.

Core Features & Use Cases

  • Layout patterns, typography rules, color usage, accessibility guidance, hero sections, motion guidelines, and responsive design practices to ensure cohesive experiences across pages.
  • Use cases include crafting bold hero sections, implementing varied section layouts per page, and building media-rich layouts that align with a brand's visual language.
  • Real-world scenarios: rapidly prototyping new pages while adhering to a shared design system.

Quick Start

Apply the design-work guidelines to craft a bold, responsive Wix Vibe hero section that adheres to section variation rules.

Frequently Asked Questions about design-work

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

FAQPage Schema
How do I standardize Wix Vibe design guidelines across multiple site pages?▼

Standardize Wix Vibe design guidelines by applying unified rules for hero sections, layout patterns, typography, color usage, and responsive components to ensure consistent visuals across all site pages.

What are the best practices for building accessible and responsive Wix Vibe hero sections?▼

Build accessible and responsive Wix Vibe hero sections by following specific UI guidelines for section variation, typography rules, and motion guidelines via Framer Motion to ensure cohesive brand experiences.

Does this approach support Framer Motion for UI animations on Wix sites?▼

Yes, this approach supports UI animations on Wix sites by providing motion guidelines via Framer Motion, integrating seamlessly with layout patterns and responsive design rules.

Can I rapidly prototype new Wix pages while adhering to a shared design system?▼

Rapidly prototype new Wix pages by applying these shared design system guidelines to craft media-rich layouts, bold hero sections, and varied section layouts that align with your brand's visual language.

Why does my Wix site have visual inconsistency across different section layouts?▼

Visual inconsistency across Wix site layouts occurs when shared design guidelines are not applied; standardizing typography, color usage, and accessibility rules ensures cohesive experiences and speeds up UI production.

Related Skills

Explore More Design & Creative Skills→
ngocnhanvongocnhanvo

design-work

Provide design and styling guidelines for Wix Vibe websites.

Community
Intermediate
pschaartpschaart

design-work

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

Community
Advanced
Wahidul123Wahidul123

design-work

Enforce a comprehensive design system for Wix Vibe sites.

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

design-work

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

Community
Advanced