Text Generation
Transformers
Safetensors
designcoder
ui-generation
front-end
html
css
javascript
code-generation
full-sft
Instructions to use xingxm/DesignCoder with libraries, inference providers, notebooks, and local apps. Follow these links to get started.
- Libraries
- Transformers
How to use xingxm/DesignCoder with Transformers:
# Use a pipeline as a high-level helper from transformers import pipeline pipe = pipeline("text-generation", model="xingxm/DesignCoder")# Load model directly from transformers import AutoModel model = AutoModel.from_pretrained("xingxm/DesignCoder", device_map="auto") - Notebooks
- Google Colab
- Kaggle
- Local Apps Settings
- vLLM
How to use xingxm/DesignCoder with vLLM:
Install from pip and serve model
# Install vLLM from pip: pip install vllm # Start the vLLM server: vllm serve "xingxm/DesignCoder" # Call the server using curl (OpenAI-compatible API): curl -X POST "http://localhost:8000/v1/completions" \ -H "Content-Type: application/json" \ --data '{ "model": "xingxm/DesignCoder", "prompt": "Once upon a time,", "max_tokens": 512, "temperature": 0.5 }'Use Docker
docker model run hf.co/xingxm/DesignCoder
- SGLang
How to use xingxm/DesignCoder with SGLang:
Install from pip and serve model
# Install SGLang from pip: pip install sglang # Start the SGLang server: python3 -m sglang.launch_server \ --model-path "xingxm/DesignCoder" \ --host 0.0.0.0 \ --port 30000 # Call the server using curl (OpenAI-compatible API): curl -X POST "http://localhost:30000/v1/completions" \ -H "Content-Type: application/json" \ --data '{ "model": "xingxm/DesignCoder", "prompt": "Once upon a time,", "max_tokens": 512, "temperature": 0.5 }'Use Docker images
docker run --gpus all \ --shm-size 32g \ -p 30000:30000 \ -v ~/.cache/huggingface:/root/.cache/huggingface \ --env "HF_TOKEN=<secret>" \ --ipc=host \ lmsysorg/sglang:latest \ python3 -m sglang.launch_server \ --model-path "xingxm/DesignCoder" \ --host 0.0.0.0 \ --port 30000 # Call the server using curl (OpenAI-compatible API): curl -X POST "http://localhost:30000/v1/completions" \ -H "Content-Type: application/json" \ --data '{ "model": "xingxm/DesignCoder", "prompt": "Once upon a time,", "max_tokens": 512, "temperature": 0.5 }' - Docker Model Runner
How to use xingxm/DesignCoder with Docker Model Runner:
docker model run hf.co/xingxm/DesignCoder
DesignCoder
Checkpoint collection for DesignCoder, a family of full-parameter SFT models for UI design research and end-to-end HTML/CSS/JavaScript implementation.
Each subfolder in this repository is a self-contained, directly loadable checkpoint.
Naming convention
designcoder_{basemodel}_{size}_{optimizer}_bs{global_batch}[_{extra_axes}]_step{global_step}
basemodel/size: base model family and parameter scaleoptimizer:muonoradamwbs: global batch size (per_device × grad_accum × world_size)extra_axes: any hyper-parameter that deviates from the default recipe, e.g.wd0.05(weight decay, default 0.0) orep20(epochs, default 2)step: trainerglobal_stepof the exported weights
Checkpoints
| Subfolder | Base model | Optimizer | LR | Global batch | Epochs | Weight decay | Step | Notes |
|---|---|---|---|---|---|---|---|---|
designcoder_qwen3.5_4b_muon_bs32_step1900 |
Qwen3.5-4B | Muon | 1e-5 | 32 | 2 | 0.0 | 1900 | smallest release |
designcoder_qwen3.5_9b_muon_bs16_step3800 |
Qwen3.5-9B | Muon | 1e-5 | 16 | 2 | 0.0 | 3800 | optimizer ablation (Muon arm) |
designcoder_qwen3.5_9b_adamw_bs16_step3800 |
Qwen3.5-9B | AdamW | 2e-5 | 16 | 2 | 0.0 | 3800 | optimizer ablation (AdamW arm) |
designcoder_qwen3.6_27b_adamw_bs32_step1900 |
Qwen3.6-27B | AdamW | 1e-5 | 32 | 2 | 0.0 | 1900 | largest release |
Shared training setup
- Objective: full-parameter supervised fine-tuning (no LoRA / adapters)
- Dataset:
designcoder_sft_v2_train, 41,287 ShareGPT-format records - Chat template:
qwen3_5with thinking enabled - Context length: 32,768
- Sequence packing: enabled, with neat packing (no cross-sample attention)
- LR schedule: cosine, warmup ratio 0.1
Usage
from transformers import AutoModelForCausalLM, AutoProcessor
repo = "xingxm/DesignCoder"
subfolder = "designcoder_qwen3.5_4b_muon_bs32_step1900"
model = AutoModelForCausalLM.from_pretrained(repo, subfolder=subfolder, dtype="auto", device_map="auto")
processor = AutoProcessor.from_pretrained(repo, subfolder=subfolder)
To download a single checkpoint only:
hf download xingxm/DesignCoder --include "designcoder_qwen3.5_4b_muon_bs32_step1900/*" --local-dir ./DesignCoder
Provenance
Each subfolder additionally ships trainer_state.json / trainer_log.jsonl (and
training_loss.png where available) so that the loss curve and exact step schedule of the run
can be recovered from the checkpoint itself.
Install from pip and serve model
# Install vLLM from pip: pip install vllm# Start the vLLM server: vllm serve "xingxm/DesignCoder"# Call the server using curl (OpenAI-compatible API): curl -X POST "http://localhost:8000/v1/completions" \ -H "Content-Type: application/json" \ --data '{ "model": "xingxm/DesignCoder", "prompt": "Once upon a time,", "max_tokens": 512, "temperature": 0.5 }'