Menu
AI-powered design intelligence with 50+ styles, 95+ color palettes, and automated design system generation
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Dynamically manage MCP server limits by toggling disabled states in mcp_config.json. Use when hitting the 100-tool limit, or when needing a specific MCP server that is currently disabled.
When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," "tracking plan," "how do I measure this," "track conversions," "attribution," "Mixpanel," "Segment," "are my events firing," or "analytics isn't working." Use this whenever someone asks how to know if something is working or wants to measure marketing results. For A/B test measurement, see ab-test-setup.
When the user wants to create or optimize an email sequence, drip campaign, automated email flow, or lifecycle email program. Also use when the user mentions "email sequence," "drip campaign," "nurture sequence," "onboarding emails," "welcome sequence," "re-engagement emails," "email automation," "lifecycle emails," "trigger-based emails," "email funnel," "email workflow," "what emails should I send," "welcome series," or "email cadence." Use this for any multi-email automated flow. For cold outreach emails, see cold-email. For in-app onboarding, see onboarding-cro.
When the user wants to plan, map, or restructure their website's page hierarchy, navigation, URL structure, or internal linking. Also use when the user mentions "sitemap," "site map," "visual sitemap," "site structure," "page hierarchy," "information architecture," "IA," "navigation design," "URL structure," "breadcrumbs," "internal linking strategy," "website planning," "what pages do I need," "how should I organize my site," or "site navigation." Use this whenever someone is planning what pages a website should have and how they connect. NOT for XML sitemaps (that's technical SEO — see seo-audit). For SEO audits, see seo-audit. For structured data, see schema-markup.
Wix Design System component reference. Use when building UI with @wix/design-system, choosing components, or checking props and examples. Triggers on "what component", "how do I make", "WDS", "show me props", or component names like Button, Card, Modal, Box, Text.
Creates HTTP endpoints for Wix CLI apps. Use only when the user specifically asks for a backend endpoint. Use when building REST API endpoints, backend HTTP handlers, or server-side logic. Triggers include backend API, HTTP endpoint, HTTP methods, form handling, file uploads.
| name | UI/UX Pro Max |
| description | AI-powered design intelligence with 50+ styles, 95+ color palettes, and automated design system generation |
| version | 1.0.0 |
Use this skill to transform basic wireframes into "Wow" interfaces.
When asked to "Make it look like Apple" or "Make it Cyberpunk," apply these token sets:
apple-modern0 4px 6px -1px rgba(0, 0, 0, 0.1) (Subtle Diffuse)backdrop-filter: blur(20px) saturate(180%)shamrock-gold (Brand)#D4AF37 (Gold Metallic)#003300 (Deep Irish Green)#FFFFFF (Clean White)Copy/Paste these Velo/CSS snippets for instant premium feel.
.glass-card {
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 16px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
}
#boxStickyFooter).Position: Fixed -> Bottom: 0.9999 (Top Layer).// Ensure it doesn't cover form fields
$w('#boxStickyFooter').expand(); // Show on Scroll Down
intersectionObserver (in Custom Element) or wixWindow.getBoundingRect() sparingly.#D4AF37 on #003300) for headers.min-height: 44px padding.