razr001/align-dev
AI 코딩 에이전트가 따를 수 있는 프론트엔드 컨벤션 문서를 7단계 마법사로 자동 생성하는 도구
371+0이번 주210TypeScript
데모·홈페이지 열기aligndev.dev중간맛 분석
스택: Next.js 16.2, React 19.2, TypeScript 5.x, Tailwind CSS v4, shadcn/ui
난이도: 사용은 매우 낮음(웹 UI에서 클릭만 함)
바로 쓸 수 있는가: 네. 마법사를 완료하면 Markdown과 SKILL.md를 즉시 다운로드/복사 가능
핵심: 7단계 비주얼 위저드에서 스택, UI 스타일(49가지), 상태관리, 디렉토리 구조, 네이밍 규칙을 선택하면 → 실시간 Design Tokens 미리보기 + WCAG 대비 검증 + 30개 이상 패키지 최신 버전 자동 동기화 → 최종 산출물 2가지(표준 문서 + SKILL.md)를 한 번에 얻음
이런 레포예요
이럴 때 쓰면 좋아요
- 팀이 여러 AI 코딩 에이전트(Claude Code, Cursor, Copilot)를 함께 사용할 때 코드 스타일과 구조 일관성 유지
- 새로운 프로젝트 시작 시 프론트엔드 컨벤션 문서를 3분 내에 생성하고 모든 팀원과 AI에게 공유
- Design Tokens, 디렉토리 구조, 네이밍 규칙 등을 정의하고 실시간으로 미리보기한 후 최종 문서로 확정
핵심 기능
7단계 비주얼 위저드로 스택/UI/상태관리/디렉토리/네이밍 선택 및 실시간 프리뷰49가지 UI 스타일과 Design Tokens 자동 생성 및 WCAG 대비 검증인간용 표준 문서 + AI 에이전트용 SKILL.md 동시 생성 및 다운로드
대안 대비 차별점
AI 코딩 에이전트(Claude Code, Cursor, GitHub Copilot)가 직접 읽고 따를 수 있는 기계 가독형 SKILL.md를 자동 생성하는 프론트엔드 컨벤션 도구는 AlignDev가 유일합니다.
별 추이 · 7일
371+0 / 7일
활용성 · 따라 만들기 좋은가
샘플 점수 26/100
- 관대한 라이선스
- 테스트 있음
- 예제 디렉토리
- 최근 활동
- AGENTS.md
- llms.txt
- 템플릿
🟢 최근 활동 있음 · 2026년 생성
AI가 README 기반으로 요약했습니다 · 원문 보기