Articles on AI coding's design problem.
Honest write-ups on Claude Code design plugins, AI design slop fingerprints, and what a Python-engine pivot looks like. Posts compare against real GitHub competitors and cite live star counts.
-
Vibe coding is real — but your AI still ships the same defaults
The honest take on vibe coding in 2026: the velocity is real, the fingerprint is recognizable.
ux discoveris the brief,ux recommendnarrows the model's choices,ux lintsets the deterministic floor with 120 regex rules over a 1,182-entry catalog. -
AI-built websites in 2026 — why every one looks the same and how to fix it
Vercel v0, Lovable, Bolt.new, Replit Agent, Tempo, and Claude Code all default to the same UI patterns. The shared fingerprint, the three convergent forces, and the export-then-lint workflow that closes the loop. With a real 200-line v0 export lint report.
-
The anti-slop CLI for vibe coders — 120 rules, no LLM, runs in CI
A deterministic command-line design linter built for the vibe-coding workflow. JSON output, exit-code contract, pre-commit + GitHub Actions + GitLab CI + Husky + Lefthook recipes. Measured numbers: 18ms staged-diff, 96ms warm full repo, 412ms cold.
-
「Vibe coding」でAIが書いたUIが毎回同じに見える本当の理由
バイブコーディングは速い。だが出力は毎回同じに見える。Claude Code、Cursor、Cline、Windsurfが踏む既定値を、100ルールの正規表現リンターで止める方法。LLM呼び出しなし、CIで動く。
-
用「Vibe Coding」做出真正能交付的设计 — 而不是 AI 默认的紫蓝渐变
Vibe coding 的速度是真的,但 AI 默认输出的紫蓝渐变、三张同款卡片、Inter 当显示字体也是真的。用 ux-skill 的 100 条确定性正则规则、998 条目录,在 CI 中卡住默认值。
-
AI 코딩 시대의 디자인 규칙 — 왜 모든 AI가 같은 UI를 만드는가
Claude Code, Cursor, Cline, Windsurf가 모두 같은 디폴트를 답습합니다. 본문 서체를 90px 헤드라인으로, 보라-파랑 그라데이션, 3개의 동일 카드 그리드. ux-skill은 100개의 결정론적 정규식 규칙으로 이를 CI에서 막습니다.
-
Zed design plugin — install ux-skill to stop generic AI design output
Zed is the high-performance Rust IDE with a first-class MCP client called the Agent Panel. Three install paths: MCP stdio server, CLI in the terminal pane, pre-commit hook. ux-skill plugs in through
~/.config/zed/settings.json. -
GitHub Copilot design rules — how ux-skill catches AI design fingerprints in Copilot output
Copilot ships great code completion and generic design. ux-skill generates a
.github/copilot-instructions.mdfile plus a 68-rule deterministic linter that runs on disk after Copilot writes. Custom instructions raise the floor; the linter sets the ceiling. -
JetBrains AI Assistant design system rules — keeping IntelliJ + WebStorm generations on-brand
Works in IntelliJ, WebStorm, PyCharm, GoLand, RubyMine, RustRover.
.junie/guidelines.mdgenerator, tokens.css for Spring projects, Kotlin object emit for Compose, MCP server for AI Assistant. -
AI design system CLI — the npx and pip way to generate a design system in under 60 seconds
Three CLI commands cover the full pipeline:
ux discover(10-field brief),ux recommend(5-parallel-search),ux persist save(MASTER.md + tokens.css + manifest.json). Engine compute under 300 ms; brief is 100% of the human time. -
Claude Desktop + MCP design intelligence — ux-skill as a stdio server
None of the top eight Claude design skills ship an MCP server. ux-skill v2 does — 14 tools registered, a dedicated
ux-mcpentry point, one JSON block inclaude_desktop_config.json. Same engine reaches Cursor, Windsurf, Cline, Continue. -
Dogfooding ux-skill — bugs we found by using our own design engine
We ran our recommender against our homepage brief. It returned a stark editorial scheme — the same one we'd just shipped. We filed two bugs against ourselves (editorial tag too narrow, calm tag coupled to luminance), fixed both, re-ran the engine, and shipped a page that passes its own linter cleanly.
-
Dark editorial cinema — the design language behind ux-skill's new homepage
Near-black canvas, per-scene accents, Bricolage Grotesque variable on scroll, scroll-pinned cinema motion. The actual design choices, swatches, type config, lint result (0 findings at high), and how to recreate the system from your own brief.
-
MCP server for design intelligence — ux-skill's 14 tools any agent can call
The Python engine, the 51-rule linter, the 1,182-entry catalog, all exposed as 14 Model Context Protocol tools. Real Pydantic schemas, real Claude Desktop / Cursor / Windsurf configs, real JSON-RPC payloads. The asymmetric move against single-host skills.
-
57 motion presets for AI coding — Framer Motion, GSAP, and CSS snippets
The motion library AI coding tools never ship. 57 presets across 8 categories, each available in all three engines, with
prefers-reduced-motionbranches and performance notes. When to pick CSS vs Framer Motion vs GSAP. -
Regex linter for AI coding — how 51 rules catch design slop in CI
Deterministic, sub-second, zero LLM calls. The 51 ux-skill anti-pattern rules grouped by category, a real rule walkthrough, GitHub Actions workflow, pre-commit hook config, and a before/after on a Next.js hero that fails three rules.
-
The 35 AI design fingerprints every AI coding tool ships by default
The complete taxonomy. Inter at 90px, indigo-to-blue gradients, three equal cards, generic placeholder names, fade-in-up on everything. Grouped by category — Typography, Color, Layout, Content, Motion, A11y, Quality — with detection regex, why each is slop, and the fix.
-
Best Claude Code marketplace plugins for design and frontend in 2026
Ranked: 10 plugins to install for design and frontend work, with live star counts and exact
/plugin installcommands. Includes ui-ux-pro-max (84k), open-design (54k), taste-skill (25k), huashu-design (15k), ux-skill v2, stitch-skills, nothing-design-skill, hallmark, material-3-skill, and frontend-design-skill. -
Monorepo design system with AI coding — ux-skill's tokens.css output
One shared
tokens.css+manifest.jsonacross Turborepo or Nx packages. AI-generated code in everyapps/*consumer stays on system. The linter exits non-zero on drift at PR time. -
Figma MCP vs ux-skill — design intelligence in your AI coding session
Figma MCP imports designs from a Figma file into the AI session; ux-skill generates a system from a written brief. Side-by-side table, plus the complementary workflow when you have a partial Figma file and need to extend it.
-
Windsurf design rules — install ux-skill for Cursor-grade design output
Windsurf has no native design rules. Cascade inherits the model's defaults — Inter at 90px, indigo gradients, three equal cards. Three install paths via
.windsurfrules/npx/pip. Free + MIT. -
ui-ux-pro-max alternative: ux-skill v2 — every dimension, side by side
The most-starred Claude UX skill on GitHub is ui-ux-pro-max-skill at 84k. ux-skill v2 borrows their recommender pattern and goes further. Honest table: 1,182 entries vs ~600, 120-rule linter vs none, 131 brand specs vs none.
-
Anti-AI-slop tools for Claude Code in 2026 — the honest ranking
Every AI coding tool produces the same fingerprints: Inter as display, purple gradients, three identical cards. Ranked: Leonxlnx/taste-skill (25k stars), Nutlope/hallmark (2.1k), ux-skill v2 (120 deterministic regex rules, only one with CI-friendly enforcement).
-
Best Claude Code skills for UX/UI design — 2026 ranking
Ranked by live GitHub stars: ui-ux-pro-max (84k), open-design (54k), taste-skill (25k), huashu-design (15k), stitch-skills (5.7k), nothing-design-skill (2.4k), hallmark (2.1k), material-3-skill (955). Cards with architecture, scope, real fit.
-
Cursor design plugin: install ux-skill to stop generic AI design output
Cursor users hit the same wall as Claude Code users. Three install paths via
.cursorrules/npx/pip. Pairs with shadcn/ui MCP + Tailwind. Free + MIT. -
Python design system generator — ux-skill v2's 5-parallel-search engine
How the engine merges five lanes (industry → style → palette → type → motion) into one recommendation, deterministically, in seconds. Brief in, complete design system out. 1,182 structured entries under the hood.