쌓인 기록에서 찾기
무엇을 찾으세요? 날짜를 몰라도 됩니다. 제목·Key Point·요약·태그를 한꺼번에 뒤집니다.
검색 범위 2026년 8월 13일 (목) 부터 2026년 10월 30일 (금)까지 3636건
8건 · "디자인 시스템"조건 지우기 ×
001 06:11 당일 +1,187 AI 코딩 도구용 디자인 스킬 모음 Claude Code, Cursor, Codex, Windsurf 등 AI 코딩 도구를 위한 설계 스킬들을 모아둔 오픈소스 저장소다. 웹 · 프론트엔드 · elayadesign/ai-design-skills
Key Point 마크다운 규칙 파일로 쓰인 디자인 스킬을 AI 코딩 도구에 바로 로드하는 방식으로, 개발자 관점의 설계 자동화 방법을 제시한다.
핵심 요약
Claude Code, Cursor, Codex, Windsurf 등 AI 코딩 도구를 위한 설계 스킬들을 모아둔 오픈소스 저장소다. 각 스킬은 마크다운 규칙 파일로 작성되어 있으며, 자체 폴더에 포함되어 필요한 것만 설치해 쓸 수 있다. 현재 랜딩페이지 디자인 스킬이 포함되어 있으며, 이는 질문 수집부터 페이지 구조, 전환 카피, 타입·간격·라디우스·모션 등 완전한 비주얼 시스템까지 만든다. 전체 요약 8문장 읽기 → 002 21:11 당일 +158 Claude를 디자인 아키텍트로: 52개 컴포넌트와 52개 검증 규칙 Claude를 시니어 디자인 아키텍트로 변환하는 UX/UI 에이전트 스킬 킷 공개 — 디자인 토큰, 컴포넌트, 접근성, 138개 디자인 시스템 규칙과 19개 실행 가능한 스킬을 포함한다. AI · 머신러닝 · plugin87/ux-ui-agent-skills · JavaScript
Key Point 52개의 자동화된 객관적 검증 규칙으로 AI 생성 UI의 접근성·대비·의도·하드코딩 제거를 강제하고, 통과했어도 정성적 결함을 잡는 비평 에이전트를 따로 두어 품질 관문을 정성·정량으로 분리했다.
핵심 요약
Claude를 시니어 디자인 아키텍트로 변환하는 UX/UI 에이전트 스킬 킷 공개 — 디자인 토큰, 컴포넌트, 접근성, 138개 디자인 시스템 규칙과 19개 실행 가능한 스킬을 포함한다. DTCG 형식 토큰 생성, Atomic Design 기반 컴포넌트 설계, React·Vue·Swift·Flutter 등 모든 프레임워크를 대상으로 한 코드 생성 어댑터를 제공한다. 52개의 객관적 검증 규칙을 실행할 수 있으며, 이 중 34개는 실제 브라우저를 열어 렌더링된 HTML을 검사한다 — WCAG 2.2 AA/AAA 명도 대비, 포커스 트랩, RTL, 반응형, 터치 타겟 크기, 이모지 금지, 하드코딩 값 제거 등을 자동으로 확인한다. 전체 요약 10문장 읽기 → 003 18:11 ▲ 132 · 댓글 29 픽셀 이전의 대시보드, 모듈식 산업용 패널의 설계 저자가 독일과 폴란드 박물관에서 발견한 모듈식 산업용 대시보드들은 현재 소프트웨어로 완전히 대체되었을 것으로 추정된다. 하드웨어 · 시스템 · Before pixels: Modular industrial dashboards
Key Point 소프트웨어 UI 디자이너와 UX 연구자가 물리적 대시보드의 설계 원칙과 모듈식 상호작용 패턴을 배울 수 있는 사례들이 정리되어 있습니다.
핵심 요약
저자가 독일과 폴란드 박물관에서 발견한 모듈식 산업용 대시보드들은 현재 소프트웨어로 완전히 대체되었을 것으로 추정된다. 뮌헨의 도이치 박물관에는 항공교통 관제용 물리적 디스플레이가 전시되어 있으며, 슈투트가르트 통신박물관에는 지하철·경전철 모니터링 패널이 있다. 이 패널들은 상태를 표시하는 조명이 달려 있으며, 카운터 모듈과 수리 상태를 표기하는 모듈 등 다양한 기능을 갖추고 있다. 전체 요약 9문장 읽기 → 004 09:11 당일 +164 Rust로 크로스플랫폼 데스크톱 앱을 만드는 GPUI Kit Longbridge가 공개한 GPUI Kit은 Rust와 GPUI 프레임워크로 고성능 데스크톱 애플리케이션을 구축하기 위한 종합 프레임워크다. 웹 · 프론트엔드 · longbridge/gpui-kit · Rust
Key Point Rust 기반 크로스플랫폼 데스크톱 개발에서 프로덕션급 UI 프레임워크가 필요한 팀이 기존 Qt, Electron 대안으로 검토할 수 있는 성숙한 선택지다.
핵심 요약
Longbridge가 공개한 GPUI Kit은 Rust와 GPUI 프레임워크로 고성능 데스크톱 애플리케이션을 구축하기 위한 종합 프레임워크다. 75개 이상의 문서화된 컴포넌트와 프리미티브를 제공하며, WebAssembly 지원, AccessKit 접근성, UI 통합 테스트, 선택적 JavaScript 런타임 확장을 포함한다. gpui-component, gpui-base, gpui-shell 3개 계층으로 구성되어 있으며, 완전한 스타일 컴포넌트부터 커스텀 디자인 시스템까지 다양한 수준의 제어를 제공한다. 전체 요약 9문장 읽기 → 005 21:10 당일 +1,131 AI가 지루한 UI를 만드는 문제를 푸는 디자인 스킬 Taste Skill은 AI 에이전트를 위한 프론트엔드 프레임워크로, 제너릭하고 밋밋한 UI 생성을 방지합니다. AI · 머신러닝 · Leonxlnx/taste-skill · JavaScript
Key Point LLM이 생성한 UI가 디자인 측면에서 부족한 현 상황에서, AI 에이전트에게 미적 판단력을 주입할 수 있는 도구가 등장했습니다.
핵심 요약
Taste Skill은 AI 에이전트를 위한 프론트엔드 프레임워크로, 제너릭하고 밋밋한 UI 생성을 방지합니다. 설치형 스킬 세트로 제공되며 레이아웃, 타이포그래피, 모션, 스페이싱 같은 디자인 요소를 강화합니다. ChatGPT 이미지나 유사 생성 도구로 레퍼런스 보드를 만든 뒤 Codex, Cursor, Claude Code에 프레임을 넘겨 구현할 수 있습니다. 전체 요약 5문장 읽기 → 006 21:11 당일 +387 React로 영상을 코드처럼 만드는 Remotion React 컴포넌트를 사용해 프로그래매틱하게 영상을 제작하고, 수동 편집이나 AI 에이전트로도 제작할 수 있다. 웹 · 프론트엔드 · remotion-dev/remotion · TypeScript
Key Point 코드 기반 영상 제작 도구로서 데이터 중심의 대량 영상 생성이나 복잡한 자동화 워크플로우가 필요한 개발팀과 에이전트 개발자에게 실제 선택지가 될 수 있는 기술이다.
핵심 요약
React 컴포넌트를 사용해 프로그래매틱하게 영상을 제작하고, 수동 편집이나 AI 에이전트로도 제작할 수 있다. 데이터 연결, 대량 렌더링, 디자인 시스템 구축 등 복잡한 영상 자동화 작업을 코드로 관리한다. Node.js, Lambda, Vercel 같은 다양한 환경에서 렌더링하거나 Player와 Editor로 애플리케이션을 빌드할 수 있다. 전체 요약 5문장 읽기 → 007 08:25 ▲ 119 · 댓글 57 Firefox.com이 순수 CSS만으로 재구축되다 Mozilla와 협업하여 Firefox.com을 전처리기 없이 현대적 네이티브 CSS만으로 완전히 재구축했다. 웹 · 프론트엔드 · The CSS Zen Garden dream, finally shipped
Key Point 현대 CSS의 기능이 얼마나 성숙했는지 보여주는 사례이며, 대규모 상용 사이트에서 전처리기 없이 순수 CSS 기반 설계 시스템이 실제로 작동함을 입증한다.
핵심 요약
Mozilla와 협업하여 Firefox.com을 전처리기 없이 현대적 네이티브 CSS만으로 완전히 재구축했다. CSS 변수, Grid, Flexbox 등 최신 CSS 기능이 2000년대 초반의 한계를 극복하면서 순수 CSS 기반 설계 시스템이 실제 제품 수준에서 가능해졌다. 70개 이상의 컴포넌트와 25개 페이지 템플릿으로 구성된 디자인 시스템을 구축했으며, Wagtail 컴포넌트로 구현해 콘텐츠 팀이 엔지니어 도움 없이 페이지를 조립할 수 있다. 전체 요약 5문장 읽기 → 008 11:10 당일 +2,870 AI 코딩 에이전트를 위한 디자인 언어 'Impeccable' 공개 Anthropic의 frontend-design 기초에서 출발한 디자인 스킬 'Impeccable'을 공개했습니다. AI · 머신러닝 · pbakaus/impeccable · JavaScript
Key Point AI 코딩 에이전트가 생성하는 프론트엔드 디자인의 반복적이고 단조로운 패턴을 구조적으로 개선하는 툴이 필요한 개발팀에게 실질적인 솔루션을 제공합니다.
핵심 요약
Anthropic의 frontend-design 기초에서 출발한 디자인 스킬 'Impeccable'을 공개했습니다. 23개의 명령어(`init`, `craft`, `audit`, `polish`, `animate` 등)로 AI에게 디자인 작업의 공통 언어를 제공합니다. 설정 시 PRODUCT.md에 제품의 타겟 사용자, 목적, 제약사항, 톤앤매너 등 지속 가능한 정보를 기록해 일관성 있는 디자인을 유도합니다. 전체 요약 5문장 읽기 → 
