๐ง Claude Design for UI ToolsApril 22, 2026โ
Tests passing
Claude UI Customizer
A Python library that integrates with Claude Design APIs to fetch, modify, and customize existing UI designs programmatically. It allows developers to input existing layouts and apply modifications such as theme changes, resizing, or component replacements.
What It Does
- Fetches existing UI designs from Claude Design API.
- Modifies designs with new themes, resizing, or component replacements.
- Outputs modified designs as JSON files or updates them directly in the API.
- Easy integration with existing Python projects.
Installation
Install the required dependencies using pip:
pip install requests==2.31.0 pydantic==1.10.7Usage
Example
from claude_ui_customizer import customize_ui
api_url = "http://mockapi.com"
design_id = "12345"
# Fetch and modify a design
existing_design = fetch_design(api_url, design_id)
new_design = modify_design(existing_design, theme='dark', resize=(1920, 1080))
# Update the design in the API
update_design(api_url, new_design)Alternatively, use the CLI:
python claude_ui_customizer.py http://mockapi.com 12345 --theme dark --resize 1920 1080 --output modified_design.jsonSource Code
import json
import requests
from pydantic import BaseModel, ValidationError
import argparse
class Design(BaseModel):
id: str
layout: dict
class ClaudeAPIError(Exception):
pass
def fetch_design(api_url: str, design_id: str) -> Design:
try:
response = requests.get(f"{api_url}/designs/{design_id}")
response.raise_for_status()
return Design(**response.json())
except requests.RequestException as e:
raise ClaudeAPIError(f"Failed to fetch design: {e}")
except ValidationError as e:
raise ClaudeAPIError(f"Invalid design data: {e}")
def modify_design(design: Design, theme: str = None, resize: tuple = None) -> Design:
modified_layout = design.layout.copy()
if theme:
modified_layout['theme'] = theme
if resize:
modified_layout['dimensions'] = {'width': resize[0], 'height': resize[1]}
return Design(id=design.id, layout=modified_layout)
def update_design(api_url: str, design: Design) -> None:
try:
response = requests.put(f"{api_url}/designs/{design.id}", json=design.dict())
response.raise_for_status()
except requests.RequestException as e:
raise ClaudeAPIError(f"Failed to update design: {e}")
def main():
parser = argparse.ArgumentParser(description="Claude UI Customizer")
parser.add_argument("api_url", help="Base URL of the Claude Design API")
parser.add_argument("design_id", help="ID of the design to fetch and modify")
parser.add_argument("--theme", help="Theme to apply to the design")
parser.add_argument("--resize", nargs=2, type=int, metavar=("WIDTH", "HEIGHT"), help="Resize dimensions for the design")
parser.add_argument("--output", help="Path to save the modified design JSON")
args = parser.parse_args()
try:
design = fetch_design(args.api_url, args.design_id)
modified_design = modify_design(design, theme=args.theme, resize=tuple(args.resize) if args.resize else None)
if args.output:
with open(args.output, "w") as f:
json.dump(modified_design.dict(), f, indent=4)
print(f"Modified design saved to {args.output}")
else:
update_design(args.api_url, modified_design)
print("Design updated successfully.")
except ClaudeAPIError as e:
print(f"Error: {e}")
if __name__ == "__main__":
main()Community
Downloads
ยทยทยท
Rate this tool
No ratings yet โ be the first!
Details
- Tool Name
- claude_ui_customizer
- Category
- Claude Design for UI Tools
- Generated
- April 22, 2026
- Tests
- Passing โ
Quick Install
Clone just this tool:
git clone --depth 1 --filter=blob:none --sparse \ https://github.com/ptulin/autoaiforge.git cd autoaiforge git sparse-checkout set generated_tools/2026-04-22/claude_ui_customizer cd generated_tools/2026-04-22/claude_ui_customizer pip install -r requirements.txt 2>/dev/null || true python claude_ui_customizer.py