---
license: apache-2.0
base_model: Situus/STARK-WEB-12B
tags:
- code
- text-generation
- gemma
- html
- css
- javascript
- chain-of-thought
- cot
- gguf
- llama-cpp
- web-development
- ui-ux
- frontend
language:
- en
- pl
pipeline_tag: text-generation
library_name: gguf
---

<div style="background: linear-gradient(135deg, #1e3a8a 0%, #0d9488 100%); padding: 32px 20px; border-radius: 12px; margin-bottom: 24px; text-align: center; color: white; box-shadow: 0 4px 20px rgba(13, 148, 136, 0.15);">
  <h1 style="color: white; margin: 0; font-size: 2.6em; font-weight: 800; letter-spacing: 1.5px; border-bottom: none; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">⚡ STARK-WEB-12B-GGUF</h1>
  <p style="margin: 8px 0 20px 0; opacity: 0.95; font-size: 1.15em; font-weight: 500; text-shadow: 0 1px 2px rgba(0,0,0,0.15);">Local GGUF Quantizations for the Premium AI UI/UX Designer & Frontend Model (v1.0.0)</p>

  <!-- Badges -->
  <div style="display: flex; justify-content: center; gap: 8px; flex-wrap: wrap;">
    <a href="https://huggingface.co/Situus/STARK-WEB-12B"><img src="https://img.shields.io/badge/Base_Model-STARK--WEB--12B-blue?style=flat-square" alt="Base Model"></a>
    <a href="https://opensource.org/licenses/Apache-2.0"><img src="https://img.shields.io/badge/License-Apache_2.0-green?style=flat-square" alt="License"></a>
    <img src="https://img.shields.io/badge/Size-12B_Params-orange?style=flat-square" alt="Size">
    <img src="https://img.shields.io/badge/Format-GGUF-purple?style=flat-square" alt="Format">
  </div>
</div>

---

## 🔍 Model Overview

This repository contains local GGUF quantizations of **STARK-WEB-12B**, a specialized fine-tune of Google's Gemma 4 12B architecture designed to act as a **premium UI/UX designer and frontend engineer**. It generates complete, visually stunning, single-file web applications combining semantic HTML5, modern CSS, and interactive JavaScript.

These files are fully compatible with local inference engines like **LM Studio, Ollama, llama.cpp, Llamafile, and Faraday**.

---

## ⚠️ Quantization Status & Known Issues

<div style="border: 1px solid #f59e0b; border-left: 4px solid #f59e0b; padding: 16px; border-radius: 8px; margin: 20px 0; background-color: rgba(245, 158, 11, 0.03);">
  <h3 style="margin-top: 0; color: #b45309; display: flex; align-items: center; gap: 8px;">
    <span>⚡</span> GGUF File Summary & Formatting Notes
  </h3>
  
  <table style="width: 100%; border-collapse: collapse; margin-top: 12px; margin-bottom: 12px;">
    <thead>
      <tr style="background-color: rgba(245, 158, 11, 0.1);">
        <th style="padding: 8px; border: 1px solid #d1d5db; text-align: left; color: #b45309;">File Name</th>
        <th style="padding: 8px; border: 1px solid #d1d5db; text-align: left; color: #b45309;">Quantization</th>
        <th style="padding: 8px; border: 1px solid #d1d5db; text-align: left; color: #b45309;">Status & Recommendations</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td style="padding: 8px; border: 1px solid #d1d5db; font-family: monospace; font-size: 0.9em;">...-f16.gguf</td>
        <td style="padding: 8px; border: 1px solid #d1d5db;">F16 (16-bit)</td>
        <td style="padding: 8px; border: 1px solid #d1d5db;"><b>Perfect.</b> Maximum reasoning quality. Recommended if memory allows (~24 GB VRAM/RAM).</td>
      </tr>
      <tr>
        <td style="padding: 8px; border: 1px solid #d1d5db; font-family: monospace; font-size: 0.9em;">...-q8_0.gguf</td>
        <td style="padding: 8px; border: 1px solid #d1d5db;">Q8_0 (8-bit)</td>
        <td style="padding: 8px; border: 1px solid #d1d5db;"><b>Highly Recommended.</b> Near-zero degradation in CoT structuring and UI aesthetics. (~13 GB).</td>
      </tr>
      <tr>
        <td style="padding: 8px; border: 1px solid #d1d5db; font-family: monospace; font-size: 0.9em;">...-q4_k_m.gguf</td>
        <td style="padding: 8px; border: 1px solid #d1d5db;">Q4_K_M (4-bit)</td>
        <td style="padding: 8px; border: 1px solid #d1d5db; color: #b45309;">⚠️ <b>Known Formatting Issue.</b> The q4_k_m version occasionally introduces syntax/formatting mistakes that can break page rendering. <b>We are actively working to fix this.</b> If you experience layout breakage, please use the Q8_0 or F16 files.</td>
      </tr>
    </tbody>
  </table>
</div>

---

## 🛠️ How to Run Locally

### Prompt Template & Inference Settings
The model was fine-tuned **without a system prompt**. Use the standard Gemma format (`<|turn|>`). The chat template automatically injects the `<|think|>` token on system level.

**Expected Template Structure:**
```text
<|turn>system
<|think|>
<turn|>
<|turn>user
Make a responsive, beautiful game of Tetris in 1 file
<turn|>
<|turn>model
<|channel>thought
1. Understand the Goal:
...
```

### 💡 Recommendation for Broken Output (Second Pass)
If you encounter layout bugs, copy the output code and feed it back to the model (or a larger model like Gemini 3.1 Flash lite/Claude etc,) with this correction prompt:
> *"Review the generated code above. Identify any rendering or logical errors, and output a corrected, fully functional, and complete single-file version."*

---

## 📜 Citation & License

This model is licensed under **Apache 2.0**.

```bibtex
@misc{situus2026starkweb,
  author = {Situus},
  title = {STARK-WEB-12B-GGUF: Local GGUF Quantizations for STARK-WEB-12B},
  year = {2026},
  publisher = {Hugging Face},
  journal = {Hugging Face Model Hub}
}
```