Suta

Suta is a development tool providing layout, color, and motion guidelines with code for UI patterns.

Suta provides layout, color, and motion guidelines along with code for 56 UI patterns for use with Claude Code and Codex. It aims to reduce repetitive cards, excessive colors, and unnecessary decoration in AI-generated user interfaces. The tool includes installation options for Claude Code, Codex, and other agents. After installation, agents read the guidelines, select relevant patterns, and adapt their code to the project. Plugin installations also report layout and motion issues after edits.

Suta at a glance

Best for: Software engineer, Designer
Runs on: CLI
Pricing: Free
Released: October 2026
Category: AI coding tool
Website: github.com/guksu/suta

Key features

Layout, color and motion guidelines
Code for 56 UI patterns
Support for Claude Code and Codex
Post-edit check for layout and motion issues
Live demo availability
MIT license

Use it for

Build a login screen with email and password
Reduce excessive colors in AI-generated UI
Generate user interfaces using predefined UI patterns

Alternatives to Suta

Claude Super Sidebar — It brings agent relationships, execution states, and task flows into one panel.
AG-UI — Standardizes agent-user interactions and generative UI for applications.
Recto — Works locally with installed coding agents like Claude Code, Codex, Cursor, and OpenCode.
Interface Design — Stops Claude from forgetting design choices between conversations.
pstack — Improves AI coding agent outcomes with rigorous workflows.
Hallmark — Generates distinct web designs and avoids common AI visual clichés.
UI UX Pro Max — Provides a searchable database of UI styles, color palettes, and UX guidelines.
Code Animation Prompts — It provides 341 code animation styles and 193 reference stills for AI coding assistants.
Agentation — It translates clicks into CSS selectors and source paths for agents.
Open Claude UI — Provides reverse-engineered physics constants and production-ready React components.
Diagram Design — Generates editorial-quality visual types matched to brand colors and typography in seconds.
Pristine — Polishes web UI to a high standard using AI agent commands.

All Suta alternatives