Image-Text-to-Text
Transformers
Safetensors
qwen3_5
designcoder
tool-use
web-design
sft
conversational
Instructions to use chjdl1816/designcoder-mc with libraries, inference providers, notebooks, and local apps. Follow these links to get started.
- Libraries
- Transformers
How to use chjdl1816/designcoder-mc with Transformers:
# Use a pipeline as a high-level helper from transformers import pipeline pipe = pipeline("image-text-to-text", model="chjdl1816/designcoder-mc") messages = [ { "role": "user", "content": [ {"type": "image", "url": "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/p-blog/candy.JPG"}, {"type": "text", "text": "What animal is on the candy?"} ] }, ] pipe(text=messages)# pip install -U transformers accelerate # Load model directly from transformers import AutoProcessor, AutoModelForMultimodalLM processor = AutoProcessor.from_pretrained("chjdl1816/designcoder-mc") model = AutoModelForMultimodalLM.from_pretrained("chjdl1816/designcoder-mc", device_map="auto") messages = [ { "role": "user", "content": [ {"type": "image", "url": "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/p-blog/candy.JPG"}, {"type": "text", "text": "What animal is on the candy?"} ] }, ] inputs = processor.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=256) print(processor.decode(outputs[0][inputs["input_ids"].shape[-1]:])) - Notebooks
- Google Colab
- Kaggle
- Local Apps Settings
- vLLM
How to use chjdl1816/designcoder-mc with vLLM:
Install from pip and serve model
# Install vLLM from pip: pip install vllm # Start the vLLM server: vllm serve "chjdl1816/designcoder-mc" # Call the server using curl (OpenAI-compatible API): curl -X POST "http://localhost:8000/v1/chat/completions" \ -H "Content-Type: application/json" \ --data '{ "model": "chjdl1816/designcoder-mc", "messages": [ { "role": "user", "content": [ { "type": "text", "text": "Describe this image in one sentence." }, { "type": "image_url", "image_url": { "url": "https://cdn.britannica.com/61/93061-050-99147DCE/Statue-of-Liberty-Island-New-York-Bay.jpg" } } ] } ] }'Use Docker
docker model run hf.co/chjdl1816/designcoder-mc
- SGLang
How to use chjdl1816/designcoder-mc 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 "chjdl1816/designcoder-mc" \ --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": "chjdl1816/designcoder-mc", "messages": [ { "role": "user", "content": [ { "type": "text", "text": "Describe this image in one sentence." }, { "type": "image_url", "image_url": { "url": "https://cdn.britannica.com/61/93061-050-99147DCE/Statue-of-Liberty-Island-New-York-Bay.jpg" } } ] } ] }'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 "chjdl1816/designcoder-mc" \ --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": "chjdl1816/designcoder-mc", "messages": [ { "role": "user", "content": [ { "type": "text", "text": "Describe this image in one sentence." }, { "type": "image_url", "image_url": { "url": "https://cdn.britannica.com/61/93061-050-99147DCE/Statue-of-Liberty-Island-New-York-Bay.jpg" } } ] } ] }' - Docker Model Runner
How to use chjdl1816/designcoder-mc with Docker Model Runner:
docker model run hf.co/chjdl1816/designcoder-mc
Download training_summary.json from chjdl1816/designcoder-mc: direct link, hf CLI and curl.
- Browser
- Download file 1.32 kB
-
https://huggingface.co/chjdl1816/designcoder-mc/resolve/main/training_summary.json
- Command line
-
hf download hf://chjdl1816/designcoder-mc/training_summary.json
-
curl -L -o training_summary.json https://huggingface.co/chjdl1816/designcoder-mc/resolve/main/training_summary.json
1.32 kB
| { | |
| "model": "DesignCoder 4B AdamW step200", | |
| "base_model": "Qwen/Qwen3.5-4B", | |
| "source_repo": "xingxm/DesignCoder", | |
| "source_subfolder": "designcoder_qwen3.5_4b_adamw_bs256_data41287_step200", | |
| "source_local_directory": "/data/xueziteng/LlamaFactory-DesignCoder/DesignCoder/designcoder_qwen3.5_4b_adamw_bs256_data41287_step200", | |
| "global_step": 200, | |
| "epoch": 1.5066162570888468, | |
| "stage": "sft", | |
| "finetuning_type": "full", | |
| "optimizer": "AdamW", | |
| "learning_rate": 2e-05, | |
| "global_batch_size": 256, | |
| "dataset": "designcoder_sft_v2_train", | |
| "dataset_rows": 41287, | |
| "training_hardware": "8 nodes x 8 H20 (source model card)", | |
| "stored_parameters": 4539265536, | |
| "weights_precision": "BF16", | |
| "protocol": { | |
| "landing": [ | |
| "design_search", | |
| "websearch", | |
| "html_css_js" | |
| ], | |
| "dashboard": [ | |
| "design_search", | |
| "html_css_js" | |
| ] | |
| }, | |
| "metadata_sources": [ | |
| "source README.md", | |
| "trainer_state.json", | |
| "safetensors tensor headers" | |
| ], | |
| "benchmark": { | |
| "name": "Bench200", | |
| "n": 200, | |
| "scoring_policy": "fixed-assets-layout-v1", | |
| "overall": 83.29480723189961, | |
| "judge": "unrecorded", | |
| "source": "outputs/fixed-assets-layout-v1-20260926/summary.json" | |
| }, | |
| "export": "Original full checkpoint copied byte-for-byte; no merge or quantization." | |
| } | |