⭐ flawless-ui-ux ⭐

요약

이 도구는 코딩 에이전트가 사용성 높은 UI/UX를 만들도록 돕는 스킬입니다. 단순히 AI 느낌의 디자인을 넘어, 제품 사용자 및 콘텐츠에 맞춰 화면 구성을 유도합니다. 색 대비, 접근성, 오류 등을 검사하고 자연어 명령으로 반복적인 개선이 가능합니다.

코딩 에이전트가 화면(UI/UX)을 더 쓸 만하게 만들도록 도와주는 스킬이 나옴. 개인 개발자가 공개함
그럴듯하지만 다 비슷한 'AI 티 나는 디자인' 대신, 제품을 쓰는 사람·내용·분위기에 맞춰 화면을 짜게 이끌어줌
새로 만들기, 다시 디자인, 다듬기, 검토까지 말로 요청 가능. 글꼴·색·간격·접근성을 함께 봐줌. 예: "프리랜서용 가계부 대시보드 만들어줘"
명령어 도구가 실제로 돌아가는 화면을 열어서 색 대비, 글자 크기, 옆으로 넘치는 부분, 깨진 이미지, 자바스크립트 오류를 찾아줌. 고친 뒤 다시 돌리면 전후 비교도 해줌. 기본 검사 크기는 PC 1440×900, 폰 390×844
MIT 무료, 공개 4일 만에 스타 88개. Codex·Claude Code 등 12개 에이전트 지원. Node 22.12 이상 필요. 화면 검사에는 Playwright용 크롬 설치가 따로 필요하고, 접근성 기준을 전부 통과했는지까지 보장하진 않는다고 밝힘

설치: npx flawless-ui-ux@latest install

AI가 만든 화면이 자꾸 다 비슷해 보여서 고민인 사람한테 좋을 듯

━━━━━━━━━━
🇺🇸

A skill that helps coding agents build more usable interfaces (UI/UX). Released by an individual developer
Instead of the same generic 'AI-looking design', it guides the agent to build around the product's audience, content, and identity
Ask for create, redesign, refine, or review in plain words. It looks at typography, color, spacing, and accessibility together. Example: "Build a financial dashboard for freelancers"
A command-line tool opens the running app and checks color contrast, font sizes, horizontal overflow, broken images, and JavaScript errors. Run it again after fixes to compare before and after. Default sizes are desktop 1440×900 and phone 390×844
Free under MIT, 88 stars 4 days after release. Supports 12 agents including Codex and Claude Code. Requires Node 22.12+. Checking a live page needs a separate Playwright Chromium install, and the README says it doesn't prove full accessibility compliance

Install: npx flawless-ui-ux@latest install

Feels useful for anyone tired of AI-built screens that all look the same

#AI #AgentSkills #UIDesign #Codex #OpenSource

AI 자동 생성 콘텐츠