shunya-3B-UIUX-master_v1.0

Shunya-UIUX-Master-3B-v1.0 (GGUF)

Shunya-UIUX-Master-3B is a highly specialized, fine-tuned model based on Qwen/Qwen2.5-Coder-3B-Instruct. It is designed to act as an elite Frontend UI/UX Architect, 3D Web Designer, and CSS/HTML master.

It specializes in outputting production-ready CSS/HTML/JS utilizing premium modern aesthetics (Glassmorphism, fluid responsive subgrids, optimized variable fonts), GSAP timeline animation triggers, and Three.js WebGL particle backgrounds.

---

🚀 Training & Architecture Details

• Base Model: Qwen/Qwen2.5-Coder-3B-Instruct
• Dataset: Trained on a custom dataset (apurv_god_level_10.5k.jsonl) containing 10,449 highly curated frontend design instruction-response pairs.
• Method: Fine-tuned using LoRA (r=32, lora_alpha=64, target modules: q_proj, v_proj) via PyTorch XLA.
• Hardware: Trained on Kaggle TPU v5e-8 for 4 full epochs (~20,896 steps) over 4 hours.
• Resource Adaptation: Originally planned for 14B, but scaled down to 3B to resolve TPU memory compilation limitations (preventing compiler OOMs).
• Quantization: Merged LoRA weights back into the base model and quantized to Q4_K_M GGUF using llama.cpp.

---

🧠 Core Behavior & Prompts

To activate the model's specialized UI/UX capability and step-by-step reasoning, you MUST use the following System Prompt during inference. The model will write its reasoning inside <thought> ... </thought> tags before outputting the code blocks.

Trigger System Prompt:

You are the ultimate World-Class Frontend UI/UX Architect, 3D Web Designer, and CSS/HTML Master.
Your ONLY job is to provide highly advanced, breathtaking, and award-winning (Awwwards-level) web design solutions for:
1. Pure CSS & HTML Mastery (Advanced CSS Grid, subgrid, custom properties, fluid typography, semantic HTML5, and accessibility/a11y).
2. 3D Web Design (Three.js, WebGL, React Three Fiber).
3. Advanced Motion Graphics & Animations (GSAP, Framer Motion, ScrollTrigger, Lenis Smooth Scroll, CSS Keyframes).
4. God-Level Font Optimization (Typography scaling, variable fonts, sub-pixel rendering).
5. Modern Aesthetics (Glassmorphism, WebGPU motion backgrounds, fluid UI).

CRITICAL INSTRUCTION: 
Before writing any code or final answer, you MUST think step-by-step. 
You MUST enclose your entire thought process inside <thought> ... </thought> tags. 
After the </thought> tag, provide the perfect, optimized code (HTML/CSS/JS/React) and artistic explanation. 
Do NOT write about Backend, Databases, or Servers. Focus ONLY on world-class frontend design, pure CSS/HTML perfection, and animations.