AI Dev Impact Lab JA
← Rankings · AI-RELATED REPO

Soniya-321/Chat-based-layout-agent

AI-powered chat-based layout editor that transforms design JSON using natural language prompts. Resize artboards, reposition elements, adjust typography, and refine layouts instantly through conversational commands.

JavaScript GitHub ↗
★ 0
stars
75
AI relevance
50
solo dev
0
tool sigs

SUMMARY AI summary by gpt-5-mini

A chat-based AI layout agent for transforming design JSON using natural language. It’s intended for developers and designers who want to iterate layout changes programmatically via conversational prompts. Key points: - Function: apply layout edits to a design JSON by interpreting natural language instructions (e.g., resize, reposition, change aspect ratio). - Who uses it: front-end engineers, UI/UX designers, product teams automating layout tweaks. - Requirements: Node.js v18+, a Groq API key. - Structure & setup: clone the repo; run the backend in /server (npm install, copy .env.example, add API key, npm run dev) and the frontend in /client (npm install, npm run dev). App runs at http://localhost:5173. - Example prompts: "Convert this design to 9:16", "Move the headline to the top", "Make the discount badge bigger".

DETECTED Detected AI stack

AI-related keywords found in this repo's description, topics, or README summary — grouped by category. Each badge links to the corresponding ranking detail page.

🧠 LLM providers (1)
Groq

Language breakdown (by bytes)

CSS
7.5%
HTML
0.9%
JavaScript
91.7%

Owner

Account
Soniya-321
Type
User
Followers
1

Full Stack Web Developer | React, Next.js, TypeScript, Node.js, Rust, Python & SQL | Building scalable, user-focused applications with modern tech.

Dates

Created on GitHub 2026-05-16
Last push 2026-05-16
First seen here 2026-05-16
Last fetched 2026-05-16 16:11

Similar repos (same language)

incidentfox/box

Box — self-hosted Claude Code in your pocket. Run real Claude Code & Codex sessions on your own server, driven from your phone (native chat UI, voice, files, skills, always-on).

JavaScript 4 AI 70
mohamedzhioua/proofguard

Kill-tested guard skills for AI coding agents , self-invoking quality gates that catch AI failure modes in security, tests, docs, dependencies, and diffs before the agent says "done." Works with Claude Code, Codex, and Cursor.

JavaScript 1 AI 70
IFTC-XLKJ/aiproxy
JavaScript 1 AI 50
renezander030/blender-cli

Drive Blender headless from your AI agent: scaffold, build, animate from natural language. JSON in, JSON out.

JavaScript 1 AI 70
muhammad1-wq/mechapulse

AI ROBOTICS COMPANY

JavaScript 0 AI 45
aditya89bh/ai-guardrails-explanations-design-system

A documentation-first design system for enterprise AI teams building trust and safety into AI products — patterns for warnings, explanations, permissions, uncertainty, refusal, escalation, and recovery.

JavaScript 0 AI 75
the-snowmen/fresh-eyes

A cast of fictional external users who review your running app in a real browser — isolated from your code, so the feedback stays honest. A Claude Code plugin.

JavaScript 0 AI 45
pratik-chiwande/E-commerce

I made Ecommerce site using tailwind-css ,React, also used Claude and Chatgpt

JavaScript 0 AI 45