v3-visual-engine

star 0

Specialized skills for Enforcing MT Graphic Charter V3.0 with Preline UI & Alpine.js.

BenTaleb-Mehdi By BenTaleb-Mehdi schedule Updated 3/8/2026
play_arrow Run Skill in Manus View GitHub

name: v3-visual-engine description: Specialized skills for Enforcing MT Graphic Charter V3.0 with Preline UI & Alpine.js.

🎨 V3 VISUAL ENGINE SKILLS

📐 GEOMETRY & LAYOUT

  • Protocol: Strict rounded-none enforcement.
  • Micro-shadows: Application of hard elevation (shadow-[4px_4px_0px_0px_rgba(0,0,0,0.05)]).
  • Borders: Standardization of ag-border (Zinc-200).

🖋️ TYPOGRAPHY & COLOR

  • Headers: Force tracking-tight on all uppercase H1/H2.
  • Metrics: Force font-mono and Cyan-700 for all numeric values.
  • Accents: Intelligent use of Cyan-600 for primary branding.

🧩 COMPONENT ARCHITECTURE (PRELINE UI)

  • Integration: Use Preline UI's semantic classes for layouts and accessibility.
  • Modularity: Wrap all Preline components into "Molecules" using Alpine.js for internal state.
  • State: Use x-data for local UI states (dropdowns, modals, tabs).
Install via CLI
npx skills add https://github.com/BenTaleb-Mehdi/Project-PFE --skill v3-visual-engine
Repository Details
star Stars 0
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator
BenTaleb-Mehdi
BenTaleb-Mehdi Explore all skills →