Tag: frontend

All the articles with the tag "frontend".

• Shadcn Lint: AI가 Tailwind 디자인 시스템을 임의로 바꾸지 못하게 하는 방법

  6 Oct, 2026

  Shadcn Lint로 AI 코딩 에이전트가 Tailwind 디자인 시스템을 임의로 바꾸는 일을 검사하고, 수정 방법까지 안내하는 설정 방식을 정리합니다.

• Three.js와 Astro로 만든 B612 행성 포트폴리오: 시안에서 구현까지

  Updated: 26 Sep, 2026

  Astro 블로그 위에 Three.js로 걸어 다니는 소개 페이지 /planet/을 만들었습니다. HTML을 원본으로 둔 3D 구조, 공 위에서 걷는 방법, 모델 용량과 로딩 최적화, AI 에이전트와의 협업을 정리합니다.

• AI가 만든 다이어그램을 읽히게 하는 법: Diagram Design 스킬 살펴보기

  14 Sep, 2026

  AI가 만든 SVG·HTML 다이어그램에 정보 위계, 접근성, 브랜드 규칙을 적용하는 Diagram Design을 통해 문서용 시각화의 품질 게이트를 정리합니다.

• Next.js 16.3 변경사항: Instant Navigations와 에이전트 친화 프레임워크

  11 Aug, 2026

  Next.js 16.3의 Instant Navigations, Turbopack 성능 개선, AI 에이전트 도구, 실험 기능을 실무 관점에서 정리합니다.

• Flowbite MCP UI: AI 대화창에 인터랙티브 React UI를 띄우는 오픈소스 스타터 키트

  29 Jul, 2026

  ChatGPT·Claude·Gemini 대화창 안에 버튼·차트·테이블 같은 React UI를 직접 렌더링하는 MCP 앱 스타터 키트, Flowbite MCP UI를 살펴봅니다.

• SDUI, json-render, A2UI: AI가 UI를 설계하는 방식이 바뀌는 중

  24 Jul, 2026

  SDUI를 기준으로 json-render와 A2UI를 함께 살펴보고, AI와 UI의 관계가 왜 제약된 구조와 에이전트 표준 쪽으로 움직이는지 정리합니다.

• DTCG Design Tokens Format Module 2025.10과 DESIGN.md: 디자인 토큰을 에이전트가 읽는 법

  23 Jul, 2026

  DTCG Design Tokens Format Module 2025.10이 표준화한 토큰 구조와 Atlassian DESIGN.md의 실험을 함께 보며, 디자인 시스템을 에이전트가 읽는 방식과 한계를 정리합니다.

• 파비콘 생성, 이제 웹사이트가 아니라 CLI에서 끝내기

  7 Jul, 2026

  파비콘은 작은 이미지 하나가 아니라 브라우저와 OS가 기대하는 배포 자산 세트입니다. make-favicon.zsh로 이 반복 작업을 CLI에 넣어봅니다.