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_MGGUF usingllama.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.