ysl-design-system
SKILL.md
Design System Skill
You are working on the E-commerce Design System — brand standards and CSS conventions shared across the admin panel (Bootstrap-Vue) and seller portal (CoreUI).
Brand Identity
- Primary color:
#129748(green) - Secondary:
#9da5b1(gray) - Success/Info:
#00c0ef(cyan) - Danger:
#ff4136(red) - Confirm button:
#129748(brand green) - Cancel button:
#9da5b1(gray)
Font Stack
$font-family-sans-serif: "Lato", "Kantumruy Pro", sans-serif;
- Lato — Primary Latin font
- Kantumruy Pro — Khmer script support
Platform-Specific UI Libraries
| Platform | UI Framework | CSS Approach |
|---|---|---|
| Admin (Vue 2) | Bootstrap Vue 2.15 | Global CSS, scoped optional |
| Seller (Vue 3) | CoreUI Vue 4.5 / Pro 5.2 | Global SCSS, <style lang="scss" scoped> empty |
References
- @references/styling.md — CSS standards, SCSS architecture, no-scoped-style rule
- @references/component-structure.md — Section separation, naming conventions
Weekly Installs
7
Repository
helmab/ysl-skillsFirst Seen
Feb 26, 2026
Security Audits
Installed on
opencode7
gemini-cli7
claude-code7
github-copilot7
codex7
kimi-cli7