File size: 3,975 Bytes
ed098c5
 
1a211c8
 
2cf09b9
1a211c8
 
 
 
 
 
 
46c425c
1a211c8
553b2b4
6013280
1a211c8
6e6bd0f
1a211c8
3c79afb
1a211c8
ed098c5
 
8a0879e
 
e5eab22
ed098c5
 
e5eab22
 
ed098c5
 
 
 
 
 
e5eab22
 
ed098c5
e5eab22
 
ed098c5
e5eab22
 
ed098c5
e5eab22
 
ed098c5
e5eab22
 
ed098c5
 
e5eab22
ed098c5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
e5eab22
ed098c5
 
e5eab22
ed098c5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
e5eab22
 
 
 
 
ed098c5
 
 
e5eab22
 
 
3c79afb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
---
license: apache-2.0
language:
- en
- zh
library_name: transformers
tags:
- trl
- gpt_oss
- code
- ui
- web
- .tsx
- .html
- .css
- abliterated
- text-generation-inference
- web-ui
base_model:
- Tesslate/UIGEN-T3-4B-Preview
pipeline_tag: text-generation
---

![2](https://cdn-uploads.huggingface.co/production/uploads/65bb837dbfb878f46c77de4c/P-LIpWdt5ypMGIfE5kJiK.png)


# **Muscae-Qwen3-UI-Code-4B**

> **Muscae-Qwen3-UI-Code-4B** is a web-UI-focused model fine-tuned on UIGEN-T3-4B-Preview (built upon **Qwen3-4B**) for **controlled Abliterated Reasoning** and **polished token probabilities**, designed **exclusively for experimental use**.
> It excels at **modern web UI coding tasks**, **structured component generation**, and **layout-aware reasoning**, making it ideal for frontend developers, UI engineers, and research prototypes exploring structured code generation.

> \[!note]
> GGUF: [https://huggingface.co/prithivMLmods/Muscae-Qwen3-UI-Code-4B-GGUF](https://huggingface.co/prithivMLmods/Muscae-Qwen3-UI-Code-4B-GGUF)

## **Key Features**

1. **UI-Oriented Abliterated Reasoning**
   Controlled reasoning precision tailored for frontend development and code generation, with polished token distributions ensuring structured, maintainable output.

2. **Web UI Component Generation**
   Excels at generating **responsive components**, **semantic HTML**, and **Tailwind-based layouts** with reasoning-aware structure and minimal boilerplate.

3. **Layout-Aware Structured Logic**
   Understands **UI state flows**, **component hierarchies**, and **responsive design patterns**, producing logically consistent, production-ready UI code.

4. **Hybrid Reasoning for Code**
   Combines symbolic reasoning with probabilistic inference to deliver optimized component logic, conditional rendering, and event-driven UI behavior.

5. **Structured Output Mastery**
   Natively outputs in **HTML**, **React**, **Markdown**, **JSON**, and **YAML**, making it ideal for UI prototyping, design systems, and documentation generation.

6. **Optimized Lightweight Footprint**
   With a **4B parameter size**, it’s deployable on **mid-range GPUs**, **offline workstations**, or **edge devices** while retaining strong UI coding capabilities.

## **Quickstart with Transformers**

```python
from transformers import AutoModelForCausalLM, AutoTokenizer

model_name = "prithivMLmods/Muscae-Qwen3-UI-Code-4B"

model = AutoModelForCausalLM.from_pretrained(
    model_name,
    torch_dtype="auto",
    device_map="auto"
)
tokenizer = AutoTokenizer.from_pretrained(model_name)

prompt = "Generate a responsive landing page hero section with Tailwind and semantic HTML."

messages = [
    {"role": "system", "content": "You are a frontend coding assistant skilled in UI generation, semantic HTML, and component structuring."},
    {"role": "user", "content": prompt}
]

text = tokenizer.apply_chat_template(
    messages,
    tokenize=False,
    add_generation_prompt=True
)

model_inputs = tokenizer([text], return_tensors="pt").to(model.device)

generated_ids = model.generate(
    **model_inputs,
    max_new_tokens=512
)
generated_ids = [
    output_ids[len(input_ids):] for input_ids, output_ids in zip(model_inputs.input_ids, generated_ids)
]

response = tokenizer.batch_decode(generated_ids, skip_special_tokens=True)[0]
print(response)
```

## **Intended Use**

* Web UI coding and component generation
* Responsive layout and frontend architecture prototyping
* Semantic HTML, Tailwind, and React code generation
* Research and experimental projects on structured code synthesis
* Design-system-driven development workflows

## **Limitations**

* Experimental model – not optimized for production-critical deployments
* Focused on **UI coding** – not suitable for general reasoning or creative writing
* May produce inconsistent results with **very long prompts** or **cross-framework tasks**
* Prioritizes structure and correctness over stylistic creativity or verbosity