Instructions to use SamuelBang/AesCoder-4B with libraries, inference providers, notebooks, and local apps. Follow these links to get started.

Libraries

How to use SamuelBang/AesCoder-4B with Transformers:

# Use a pipeline as a high-level helper
from transformers import pipeline

pipe = pipeline("text-generation", model="SamuelBang/AesCoder-4B")
messages = [
    {"role": "user", "content": "Who are you?"},
]
pipe(messages)

# Load model directly
from transformers import AutoTokenizer, AutoModelForCausalLM

tokenizer = AutoTokenizer.from_pretrained("SamuelBang/AesCoder-4B")
model = AutoModelForCausalLM.from_pretrained("SamuelBang/AesCoder-4B")
messages = [
    {"role": "user", "content": "Who are you?"},
]
inputs = tokenizer.apply_chat_template(
	messages,
	add_generation_prompt=True,
	tokenize=True,
	return_dict=True,
	return_tensors="pt",
).to(model.device)

outputs = model.generate(**inputs, max_new_tokens=40)
print(tokenizer.decode(outputs[0][inputs["input_ids"].shape[-1]:]))

Inference
Local Apps Settings

vLLM

How to use SamuelBang/AesCoder-4B with vLLM:

Install from pip and serve model

# Install vLLM from pip:
pip install vllm
# Start the vLLM server:
vllm serve "SamuelBang/AesCoder-4B"
# Call the server using curl (OpenAI-compatible API):
curl -X POST "http://localhost:8000/v1/chat/completions" \
	-H "Content-Type: application/json" \
	--data '{
		"model": "SamuelBang/AesCoder-4B",
		"messages": [
			{
				"role": "user",
				"content": "What is the capital of France?"
			}
		]
	}'

Use Docker

docker model run hf.co/SamuelBang/AesCoder-4B

SGLang

How to use SamuelBang/AesCoder-4B 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 "SamuelBang/AesCoder-4B" \
    --host 0.0.0.0 \
    --port 30000
# Call the server using curl (OpenAI-compatible API):
curl -X POST "http://localhost:30000/v1/chat/completions" \
	-H "Content-Type: application/json" \
	--data '{
		"model": "SamuelBang/AesCoder-4B",
		"messages": [
			{
				"role": "user",
				"content": "What is the capital of France?"
			}
		]
	}'

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 "SamuelBang/AesCoder-4B" \
        --host 0.0.0.0 \
        --port 30000
# Call the server using curl (OpenAI-compatible API):
curl -X POST "http://localhost:30000/v1/chat/completions" \
	-H "Content-Type: application/json" \
	--data '{
		"model": "SamuelBang/AesCoder-4B",
		"messages": [
			{
				"role": "user",
				"content": "What is the capital of France?"
			}
		]
	}'

Docker Model Runner
How to use SamuelBang/AesCoder-4B with Docker Model Runner:
```
docker model run hf.co/SamuelBang/AesCoder-4B
```

Improve model card: Add metadata, news, abstract, to-do list, and GitHub link

by nielsr HF Staff - opened Oct 29, 2025

base: refs/heads/main

←

from: refs/pr/1

Discussion Files changed

+18

-3

Files changed (1) hide show

README.md +18 -3

README.md CHANGED Viewed

@@ -1,11 +1,16 @@
 ---
 base_model:
 - Qwen/Qwen3-4B-Instruct-2507
 ---
 # Code Aesthetics with Agentic Reward Feedback
 <div align="center">
 <a href='https://bangx7.github.io/code-aesthetics/'><img src='https://img.shields.io/badge/Project-Page-Green'></a>
   <br>
   <a href="https://arxiv.org/abs/2510.23272"><b>Paper Link</b>👁️</a>
 </div>
@@ -41,6 +46,19 @@ base_model:
   </p>
 </div>
 **Note: This is the version of AesCoder-4B model for only webpage design.**
 ## Quickstart
@@ -295,9 +313,6 @@ Return ONLY the full, standalone HTML code (starting with <!DOCTYPE html>) and n
 If the user specifies a particular style (e.g., glassmorphism, brutalism, Material Design), follow their style instructions instead of the default design preferences.
 ```
 ## &#x1F4DA; Citation
 If you find this codebase useful for your research, please use the following entry.
 ```BibTeX

 ---
 base_model:
 - Qwen/Qwen3-4B-Instruct-2507
+pipeline_tag: text-generation
+library_name: transformers
+license: apache-2.0
 ---
 # Code Aesthetics with Agentic Reward Feedback
 <div align="center">
 <a href='https://bangx7.github.io/code-aesthetics/'><img src='https://img.shields.io/badge/Project-Page-Green'></a>
+  <a href="https://huggingface.co/SamuelBang/AesCoder-4B"><img alt="Hugging Face"
+    src="https://img.shields.io/badge/%F0%9F%A4%97%20Hugging%20Face-Model-ffc107?color=ffc107&logoColor=white"/></a>
   <br>
   <a href="https://arxiv.org/abs/2510.23272"><b>Paper Link</b>👁️</a>
 </div>
   </p>
 </div>
+For the codebase, refer to: https://github.com/bangx7/code_aesthetics
+## 🎉 News
+- __[2025.10.27]__: Release the [Project Page](https://bangx7.github.io/code-aesthetics/) and the [Arxiv](https://arxiv.org/abs/2510.23272) version.
+## 📷 Abstract
+Large Language Models (LLMs) have become valuable assistants for developers in code-related tasks. While LLMs excel at traditional programming tasks such as code generation and bug fixing, they struggle with visually-oriented coding tasks, often producing suboptimal aesthetics. In this paper, we introduce a new pipeline to enhance the aesthetic quality of LLM-generated code. We first construct AesCode-358K, a large-scale instruction-tuning dataset focused on code aesthetics. Next, we propose agentic reward feedback, a multi-agent system that evaluates executability, static aesthetics, and interactive aesthetics. Building on this, we develop GRPO-AR, which integrates these signals into the GRPO algorithm for joint optimization of functionality and code aesthetics. Finally, we develop OpenDesign, a benchmark for assessing code aesthetics. Experimental results show that combining supervised fine-tuning on AesCode-358K with reinforcement learning using agentic reward feedback significantly improves performance on OpenDesign and also enhances results on existing benchmarks such as PandasPlotBench. Notably, our AesCoder-4B surpasses GPT-4o and GPT-4.1, and achieves performance comparable to large open-source models with 480B-685B parameters, underscoring the effectiveness of our approach.
+## To-do List
+- [x] Release paper and project page
+- [ ] Release our AesCoder model
+- [ ] Release code
 **Note: This is the version of AesCoder-4B model for only webpage design.**
 ## Quickstart
 If the user specifies a particular style (e.g., glassmorphism, brutalism, Material Design), follow their style instructions instead of the default design preferences.
 ```
 ## &#x1F4DA; Citation
 If you find this codebase useful for your research, please use the following entry.
 ```BibTeX