← ランキング · AI関連リポジトリ

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

AI関連スコア

個人開発度

AIツール痕跡

SUMMARY AI要約 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 検出されたAIスタック

このRepoのdescription / GitHub topics / READMEのAI要約に出現したAI関連キーワードをカテゴリ別に表示。各バッジは該当カテゴリの詳細ランキングへリンクします。

🧠 LLMプロバイダー (1)

Groq

使用言語(バイト数比)

CSS

7.5%

HTML

0.9%

JavaScript

91.7%

オーナー情報

アカウント

Soniya-321

タイプ

User

フォロワー

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

日付

GitHub作成日	2026-05-16
最終Push	2026-05-16
当サイト初検出	2026-05-16
最終取得	2026-05-16 16:11

類似Repo (同じ言語のAI関連Repo)

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