Use when building UIs with @vanduo-oss/framework — the zero-build "Vanilla" HTML/CSS/JS engine of the Vanduo design system (data-attribute components + an imperative window.Vanduo runtime). Covers install (CDN/ESM/IIFE), the runtime API, the --vd-* token model, security, and caveats.
| Type | SKILL_MD |
| Supported agents | claude-code |
| License | Source did not declare a license |
| Last updated | unknown |
| Quality signal | 24 / 100 |
| Source | View source |
A local static scan is available. This is not an official security certification or benchmark.
Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when buil…
Keep Figma and code in sync — map the 3-tier DTCG tokens to Figma Variables (collections + modes), sync in either direction, use the Figma MCP when connected, and verify component parity (variants/states). Use when the user wants to push tokens/components to Figma, pull a design into code, set up t…
Provides practical UI design patterns for hierarchy, spacing, typography, color, depth, imagery, UI copy, forms, navigation, tables, empty states, loading states, accessibility, and responsive behavior. Use when designing, reviewing, polishing, or refactoring web interfaces, layouts, components, da…
Frontend design system utilities with component libraries, theme management, responsive design tools, and accessibility features.
Review Goodfill frontend UI/UX from the perspective of older Thai adults, caregivers, and daily health users. Use when asked to inspect layouts, mobile/desktop responsiveness, hero/card/navigation clarity, voice/chat controls, screenshots, browser previews, accessibility, or "ตรวจ UI/UX" for Goodfi…