{"slug": "show-hn-suta-a-skill-to-reduce-ai-slop-in-generated-uis", "title": "Show HN: Suta – A skill to reduce AI slop in generated UIs", "summary": "Developer Guksu released Suta, an MIT-licensed skill for Claude Code and Codex that bundles layout, color and motion guidelines plus code for 56 UI patterns to reduce repetitive AI-generated interface design. Suta installs via the Claude Code plugin marketplace or `npx skills add Guksu/suta --skill suta`, and plugin installs also report layout and motion issues after edits. Guksu notes generation took longer with suta and that browser checks are still required because static checks cannot catch every UI problem.", "body_md": "Layout, color and motion guidelines, with code for 56 UI patterns, for Claude Code and Codex.\n\nI built suta because AI-generated UI kept repeating the same cards, excessive colors and unnecessary decoration. I wanted to reduce that design AI slop.\n\n[한국어](https://github.com/Guksu/suta/blob/main/README.ko.md) · [Live demo](https://guksu.github.io/suta/) · [Install](#installation) · [Full guide](https://github.com/Guksu/suta/blob/main/docs/guide.en.md)\n\nSame request, model and settings in Claude Code. Top: without suta (one run). Bottom: run 3 of 4 with suta 0.8. Results vary; generation took longer with suta. [Method, all results and limitations](https://github.com/Guksu/suta/blob/main/docs/comparisons.en.md) · [Photo credits](https://github.com/Guksu/suta/blob/main/docs/assets/CREDITS.md)\n\n**Claude Code** — run in the chat:\n\n```\n/plugin marketplace add Guksu/suta\n/plugin install suta@suta\n```\n\n**Codex** — run in a terminal, then approve suta's post-edit check in `/hooks`:\n\n```\ncodex plugin marketplace add Guksu/suta\ncodex plugin add suta@suta\n```\n\n**Other agents / skill only** — installs the guidelines and patterns without the plugin's post-edit check:\n\n```\nnpx skills add Guksu/suta --skill suta\n```\n\n[Install options and migration](https://github.com/Guksu/suta/blob/main/docs/guide.en.md#installation) · [Updating](https://github.com/Guksu/suta/blob/main/docs/guide.en.md#updating) · [skills.sh listing](https://skills.sh/guksu/suta/suta)\n\nAfter installing, ask your agent:\n\nUse suta to build a login screen with email, password, a sign-in button and a password reset link. Keep it simple and make it usable with a keyboard.\n\nThe agent reads the guidelines, selects relevant patterns and adapts their code to your project. Plugin installs also report layout and motion issues after edits. The skill and pattern documentation are in Korean; one recorded check used an English request and produced English UI copy and a reply in English.\n\nTry the patterns in the [live demo](https://guksu.github.io/suta/). Browser checks are still needed; static checks cannot catch every UI problem.\n\nI use suta in my own work and will keep fixing issues and updating the guidelines and patterns. If something feels wrong, [open an issue](https://github.com/Guksu/suta/issues) with your request and what happened.\n\n[Releases](https://github.com/Guksu/suta/releases) · [Screen comparisons](https://github.com/Guksu/suta/blob/main/docs/comparisons.en.md) · [Benchmark](https://github.com/Guksu/suta/blob/main/docs/benchmark.en.md) · [Contributing](https://github.com/Guksu/suta/blob/main/docs/guide.en.md#contributing)\n\nThe code is [MIT](https://github.com/Guksu/suta/blob/main/LICENSE) (© 2026 Guksu). Licenses for the photos in the comparison image are in [Image credits](https://github.com/Guksu/suta/blob/main/docs/assets/CREDITS.md).", "url": "https://wpnews.pro/news/show-hn-suta-a-skill-to-reduce-ai-slop-in-generated-uis", "canonical_source": "https://github.com/Guksu/suta", "published_at": "2026-10-11 06:10:15+00:00", "updated_at": "2026-10-11 06:23:44.106970+00:00", "lang": "en", "topics": ["ai-tools", "developer-tools", "ai-agents", "generative-ai"], "entities": ["Guksu", "Suta", "Claude Code", "Codex", "GitHub"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/show-hn-suta-a-skill-to-reduce-ai-slop-in-generated-uis", "markdown": "https://wpnews.pro/news/show-hn-suta-a-skill-to-reduce-ai-slop-in-generated-uis.md", "text": "https://wpnews.pro/news/show-hn-suta-a-skill-to-reduce-ai-slop-in-generated-uis.txt", "jsonld": "https://wpnews.pro/news/show-hn-suta-a-skill-to-reduce-ai-slop-in-generated-uis.jsonld"}}