영어 | 简体中文

웹 UI를 생성, 검토, 리팩토링하여 시각적 판단력을 강화하는 멀티플랫폼 AI 스킬 팩입니다.

ui-aesthetics는 에이전트들이 범위를 과장하거나 가짜 사치에 의존하지 않고도 더 정교하고 균형 잡힌 듯하며 정밀하고 제품 등급에 맞는 인터페이스를 만드는 데 도움을 줍니다.

개요

이 저장소는 하나의 표준 UI 미학 기술을 유지하며 여러 에이전트 및 IDE 생태계에 맞게 조정합니다.

• 정식 출처: SKILL.md
• 공유 어댑터 계층: .shared/ui-aesthetics/
• 플랫폼 네이티브 래퍼: .codex/, .claude/, .cursor/, .windsurf/, .opencode/, .gemini/, .qoder/, .kiro/, .github/
• 심층 유도: references/

스킬을 업데이트할 때는 먼저 SKILL.md를 업데이트하세요.

그게 도움이 되는 거

UI가 필요할 때 ui-aesthetics를 사용하세요:

• 더 깔끔한 구성과 계층 구조
• 더 촘촘한 간격, 타이포그래피, 정보 밀도
• 더 정교한 버튼, 카드, 폼, 표, 오버레이
• 더 차분한 호버링, 집중, 선택, 로딩, 오류 상태
• 더 나은 움직임 규율
• 더 일관된 그림자, 블러, 하이라이트, 다크 모드 깊이 논리

일반적인 요청:

• “이 대시보드를 더 깔끔하고 고급스럽게 느끼게 해주세요.”

UI Aesthetics

English | 简体中文

Multi-platform AI skill pack for generating, reviewing, and refactoring web UI with stronger visual judgment.

ui-aesthetics helps agents produce interfaces that feel more refined, balanced, precise, and product-grade without inflating scope or relying on fake luxury cues.

Overview

This repository keeps one canonical UI aesthetics skill and adapts it to multiple agent and IDE ecosystems.

• Canonical source: SKILL.md
• Shared adapter layer: .shared/ui-aesthetics/
• Platform-native wrappers: .codex/, .claude/, .cursor/, .windsurf/, .opencode/, .gemini/, .qoder/, .kiro/, .github/
• Deep guidance: references/

If you update the skill, update SKILL.md first.

What it helps with

Use ui-aesthetics when a UI needs:

• cleaner composition and hierarchy
• tighter spacing, typography, and information density
• more refined buttons, cards, forms, tables, and overlays
• calmer hover, focus, selected, loading, and error states
• better motion discipline
• more coherent shadow, blur, highlight, and dark-mode depth logic

Typical requests:

• “Make this dashboard feel cleaner and more premium.”
• “Explain why this page looks AI-generated.”
• “Refactor this settings panel without changing the information density.”
• “Tighten hover, focus, selected, loading, and dark-mode depth behavior.”

Core principles

• preserve requested scope
• fix hierarchy before decoration
• prefer restraint over fake luxury
• keep default states quiet and semantic states distinct
• use motion and depth to clarify, not to perform
• keep the result shippable and maintainable

Supported platforms