shadcn-ui/lint

출처
GitHub
처음 오른 날
분야
디자인과 UI
GitHub 별 수
1,949
주 언어
TypeScript

외부 오픈소스 저장소를 소개하는 글입니다. HDATF 제품이 아닙니다.

shadcn-ui/lint

무엇을 하나

ESLint와 Oxlint에서 쓸 수 있는 Tailwind 디자인 시스템용 linter입니다. 팀이 허용 범위를 정해 두면, agent가 규칙을 어겼을 때 오류 메시지가 문제를 설명하고 프로젝트의 컴포넌트, variant, theme에 맞춘 수정 방법을 제안합니다.

ATF에 주는 도움

agent가 작성한 ATF Works 화면의 프런트엔드 코드를 디자인 규칙 안에 두는 데 참고할 수 있습니다. agent에게 고치는 방법까지 알려 주는 오류 메시지는 Harness가 결과를 확인하는 방식과 비교해 볼 만합니다.

라이선스

MIT 허용 범위가 넓습니다. 저작권 표시를 유지하면 상업적 이용과 수정이 가능합니다.

같은 분야 저장소

  • wide-trace/open-higgsfield
    하나의 프롬프트 입력창, 모델별 설정, 완료된 작업 갤러리를 제공하는 이미지와 영상 생성 스튜디오입니다.
  • lnkiai/m3e-canvas
    M3E Canvas는 브라우저에서 부품을 끌어다 놓아 Material 3 Expressive 화면을 스케치하는 도구입니다. 화면끼리 연결해 눌러 가며 확인할 수 있고, 그 디자인을 AI coding tool용 prompt로 복사할 수 있습니다.
  • robbietilton/Compositor
    합성과 후처리 중심의 Mac 이미지 편집기입니다. 레이어, 마스크, 조정 레이어, 변형, 선택과 보정 도구를 제공합니다.
  • cathrynlavery/diagram-design
    Claude Code, Codex, Pi 등 skill을 지원하는 환경에서 쓰는 agent skill로, 아키텍처 스케치부터 flowchart까지 편집 디자인 스타일의 도식을 파일 하나로 완결되는 HTML과 SVG로 만듭니다. draw.io, Mermaid, Excalidraw 원본을 다시 그릴 수도 있습니다.
  • dgreenheck/tidewater
    three.js, WebGPU, TSL로 만든 브라우저용 열대 섬과 바다 체험 장면입니다. 바다 시뮬레이션, 대기 효과, 보트, 해양 생물을 포함합니다.

Trendshift 순위 목록에 오른 저장소만 담았고, 목록은 후보를 찾는 데만 썼습니다. 순위 숫자는 옮기지 않았습니다. 설명과 라이선스, 별 수는 각 GitHub 저장소에서 확인했습니다. 해설은 우리의 판단입니다. 이 프로젝트들을 직접 시험한 것은 아니며, 상승 목록에 올랐다고 품질이 증명되지는 않습니다.

GitHub에서 보기 (새 탭에서 열림)