lism-css/core

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

무엇을 하나

웹 화면 배치를 빠르게 만드는 가벼운 CSS 설계 framework입니다. Every Layout의 배치 기본 요소와 비율 체계, Tailwind CSS의 한 속성 utility class 방식을 참고해 만들었습니다. 전체 CSS가 약 30킬로바이트이고, CDN이나 npm으로 빌드 단계와 설정 없이 쓰며, CSS layer로 규칙을 정리하고, props가 class와 사용자 속성으로 바뀌는 React와 Astro component를 함께 제공합니다.

ATF에 주는 도움

ATF Works 화면은 몇 가지 같은 모양을 계속 다시 씁니다. 한 번 정한 배치 규칙은 화면마다 손으로 꾸민 것보다 지키기 쉽습니다. 그 모양들을 배치 기본 요소로 이름 붙여 두는 방식은 우리가 이미 가진 CSS와 비교해 볼 만합니다.

라이선스

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

같은 분야 저장소

• devdotfast/whiteboard
  사람과 코딩 에이전트가 함께 소프트웨어를 설계하는 데스크톱 캔버스입니다. 에이전트가 SDK로 작업 설명을 공유 공간에 그립니다.
• dgreenheck/tidewater
  three.js, WebGPU, TSL로 만든 브라우저용 열대 섬과 바다 체험 장면입니다. 바다 시뮬레이션, 대기 효과, 보트, 해양 생물을 포함합니다.
• robbietilton/Compositor
  합성과 후처리 중심의 Mac 이미지 편집기입니다. 레이어, 마스크, 조정 레이어, 변형, 선택과 보정 도구를 제공합니다.
• wide-trace/open-higgsfield
  하나의 프롬프트 입력창, 모델별 설정, 완료된 작업 갤러리를 제공하는 이미지와 영상 생성 스튜디오입니다.
• shadcn-ui/lint
  ESLint와 Oxlint에서 쓸 수 있는 Tailwind 디자인 시스템용 linter입니다. 팀이 허용 범위를 정해 두면, agent가 규칙을 어겼을 때 오류 메시지가 문제를 설명하고 프로젝트의 컴포넌트, variant, theme에 맞춘 수정 방법을 제안합니다.

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