AGENT SKILLS ATLASSangwijit Bc Mockup
UI/UX Design System สําหรับสร้าง mockup HTML ของ Sangwijit ERP Portal (BC365) ทุกหน้า ยึดตาม Locked design standards ใน root CLAUDE.md — F3F4F6 bg · 2563EB primary · 1E3A5F sidebar · Inter + Noto Sans Thai + IBM Plex Mono · compact 11-13px · ค.ศ. 2-digit dates (YY=26) · bcsale UX (modal-heavy + click-to-edit). รวม Shared Components (SC-1 ถึง SC-8) เป็น self-contained SWT blocks พร้อม copy-paste. ใช้ skill นี้ทุกครั้งที่ — สร้าง mockup หน้าใหม่ (เช่น sl1-quotation, po4-purchase-order, wh1-grn, fi1-ar-receive), เพิ่ม shared component (sidebar / customer search / item search / payment), วาง layout shell, ถามเรื่อง design tokens, ทํา save flow bcsale pattern. Complement กับ sangwijit-portal-skill/ (ซึ่งเก็บ business rules + module specs) — skill นี้เน้น UI/visual/interaction เท่านั้น
Skill stats
Skills1CategoryContent & writingStars0
About this skill
UI/UX Design System สําหรับสร้าง mockup HTML ของ Sangwijit ERP Portal (BC365) ทุกหน้า ยึดตาม Locked design standards ใน root CLAUDE.md — F3F4F6 bg · 2563EB primary · 1E3A5F sidebar · Inter + Noto Sans Thai + IBM Plex Mono · compact 11-13px · ค.ศ. 2-digit dates (YY=26) · bcsale UX (modal-heavy + click-to-edit). รวม Shared Components (SC-1 ถึง SC-8) เป็น self-contained SWT blocks พร้อม copy-paste. ใช้ skill นี้ทุกครั้งที่ — สร้าง mockup หน้าใหม่ (เช่น sl1-quotation, po4-purchase-order, wh1-grn, fi1-ar-receive), เพิ่ม shared component (sidebar / customer search / item search / payment), วาง layout shell, ถามเรื่อง design tokens, ทํา save flow bcsale pattern. Complement กับ sangwijit-portal-skill/ (ซึ่งเก็บ business rules + module specs) — skill นี้เน้น UI/visual/interaction เท่านั้น
Quick start
- Copy the install prompt. Use the green button above this README.
- Send it to your agent. Paste it into your coding agent’s chat and send.
- Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.
Installation guide →
Review, license & listing details
Review the source before using this skillThis is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.
Automated security scan: PartialOnly SKILL.md was scanned. Supporting files and scripts were not checked. No safety grade has been assigned.
0 potential findings · Scanned 11/4/2026 · Scanner 0.2.1
Content SHA-256: 8415cb01231fe2f2d134b44e69039fa51d250cf68bc3a56f9240eebf08ac8b7e
About scan coverage and limitations Original listing metadata
Original name
sangwijit-bc-mockupOriginal description
UI/UX Design System สำหรับสร้าง mockup HTML ของ Sangwijit ERP Portal (BC365) ทุกหน้า ยึดตาม Locked design standards ใน root CLAUDE.md — #F3F4F6 bg · #2563EB primary · #1E3A5F sidebar · Inter + Noto Sans Thai + IBM Plex Mono · compact 11-13px · ค.ศ. 2-digit dates (YY=26) · bcsale UX (modal-heavy + click-to-edit). รวม Shared Components (SC-1 ถึง SC-8) เป็น self-contained SWT blocks พร้อม copy-paste. ใช้ skill นี้ทุกครั้งที่ — สร้าง mockup หน้าใหม่ (เช่น sl1-quotation, po4-purchase-order, wh1-grn, fi1-ar-receive), เพิ่ม shared component (sidebar / customer search / item search / payment), วาง layout shell, ถามเรื่อง design tokens, ทำ save flow bcsale pattern. Complement กับ sangwijit-portal-skill/ (ซึ่งเก็บ business rules + module specs) — skill นี้เน้น UI/visual/interaction เท่านั้น
About this listing
- Category
- Content & writing
- Reported license
- Not specified
- Listing language (estimated)
- English
- Review status
- Not individually reviewed
- Agent compatibility
- Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.