- Libraries
- llama-cpp-python
How to use stefans71/frontend-design-lite-4b with llama-cpp-python:
# !pip install llama-cpp-python
from llama_cpp import Llama
llm = Llama.from_pretrained(
repo_id="stefans71/frontend-design-lite-4b",
filename="frontend-design-lite-Q3_K_M.gguf",
)
llm.create_chat_completion(
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"
}
}
]
}
]
) - Notebooks
- Google Colab
- Kaggle
- Local Apps Settings
- llama.cpp
How to use stefans71/frontend-design-lite-4b with llama.cpp:
Install from brew
brew install llama.cpp
# Start a local OpenAI-compatible server with a web UI:
llama-server -hf stefans71/frontend-design-lite-4b:Q4_K_M
# Run inference directly in the terminal:
llama-cli -hf stefans71/frontend-design-lite-4b:Q4_K_M
Install from WinGet (Windows)
winget install llama.cpp
# Start a local OpenAI-compatible server with a web UI:
llama-server -hf stefans71/frontend-design-lite-4b:Q4_K_M
# Run inference directly in the terminal:
llama-cli -hf stefans71/frontend-design-lite-4b:Q4_K_M
Use pre-built binary
# Download pre-built binary from:
# https://github.com/ggerganov/llama.cpp/releases
# Start a local OpenAI-compatible server with a web UI:
./llama-server -hf stefans71/frontend-design-lite-4b:Q4_K_M
# Run inference directly in the terminal:
./llama-cli -hf stefans71/frontend-design-lite-4b:Q4_K_M
Build from source code
git clone https://github.com/ggerganov/llama.cpp.git
cd llama.cpp
cmake -B build
cmake --build build -j --target llama-server llama-cli
# Start a local OpenAI-compatible server with a web UI:
./build/bin/llama-server -hf stefans71/frontend-design-lite-4b:Q4_K_M
# Run inference directly in the terminal:
./build/bin/llama-cli -hf stefans71/frontend-design-lite-4b:Q4_K_M
Use Docker
docker model run hf.co/stefans71/frontend-design-lite-4b:Q4_K_M
- LM Studio
- Jan
- vLLM
How to use stefans71/frontend-design-lite-4b with vLLM:
Install from pip and serve model
# Install vLLM from pip:
pip install vllm
# Start the vLLM server:
vllm serve "stefans71/frontend-design-lite-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": "stefans71/frontend-design-lite-4b",
"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/stefans71/frontend-design-lite-4b:Q4_K_M
- Ollama
How to use stefans71/frontend-design-lite-4b with Ollama:
ollama run hf.co/stefans71/frontend-design-lite-4b:Q4_K_M
- Unsloth Studio
How to use stefans71/frontend-design-lite-4b with Unsloth Studio:
Install Unsloth Studio (macOS, Linux, WSL)
curl -fsSL https://unsloth.ai/install.sh | sh
# Run unsloth studio
unsloth studio -H 0.0.0.0 -p 8888
# Then open http://localhost:8888 in your browser
# Search for stefans71/frontend-design-lite-4b to start chatting
Install Unsloth Studio (Windows)
irm https://unsloth.ai/install.ps1 | iex
# Run unsloth studio
unsloth studio -H 0.0.0.0 -p 8888
# Then open http://localhost:8888 in your browser
# Search for stefans71/frontend-design-lite-4b to start chatting
Using HuggingFace Spaces for Unsloth
# No setup required
# Open https://huggingface.co/spaces/unsloth/studio in your browser
# Search for stefans71/frontend-design-lite-4b to start chatting
- Pi
How to use stefans71/frontend-design-lite-4b with Pi:
Start the llama.cpp server
# Install llama.cpp:
brew install llama.cpp
# Start a local OpenAI-compatible server:
llama-server -hf stefans71/frontend-design-lite-4b:Q4_K_M
Configure the model in Pi
# Install Pi:
npm install -g @mariozechner/pi-coding-agent
# Add to ~/.pi/agent/models.json:
{
"providers": {
"llama-cpp": {
"baseUrl": "http://localhost:8080/v1",
"api": "openai-completions",
"apiKey": "none",
"models": [
{
"id": "stefans71/frontend-design-lite-4b:Q4_K_M"
}
]
}
}
}Run Pi
# Start Pi in your project directory:
pi
- Hermes Agent new
How to use stefans71/frontend-design-lite-4b with Hermes Agent:
Start the llama.cpp server
# Install llama.cpp:
brew install llama.cpp
# Start a local OpenAI-compatible server:
llama-server -hf stefans71/frontend-design-lite-4b:Q4_K_M
Configure Hermes
# Install Hermes:
curl -fsSL https://hermes-agent.nousresearch.com/install.sh | bash
hermes setup
# Point Hermes at the local server:
hermes config set model.provider custom
hermes config set model.base_url http://127.0.0.1:8080/v1
hermes config set model.default stefans71/frontend-design-lite-4b:Q4_K_M
Run Hermes
hermes
- Atomic Chat new
- Docker Model Runner
How to use stefans71/frontend-design-lite-4b with Docker Model Runner:
docker model run hf.co/stefans71/frontend-design-lite-4b:Q4_K_M
- Lemonade
How to use stefans71/frontend-design-lite-4b with Lemonade:
Pull the model
# Download Lemonade from https://lemonade-server.ai/
lemonade pull stefans71/frontend-design-lite-4b:Q4_K_M
Run and chat with the model
lemonade run user.frontend-design-lite-4b-Q4_K_M
List all available models
lemonade list
