caru-ini/stack-diagram

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

무엇을 하나

stack-diagram은 소프트웨어 구성을 설명할 때 로고와 연결선을 직접 그리는 수고를 줄이기 위한 AI 작업 지침인 스킬입니다. 기술 이름과 관계 설명을 입력하면 외부 연결 없이 열 수 있는 HTML 구조도를 주로 만듭니다. AI가 구성 요소와 묶음과 연결을 정하고 브랜드 로고를 가져온 뒤 문서의 좌표와 겹침 방지 규칙에 맞춰 배치합니다. Python 스크립트가 그림과 글꼴을 HTML에 넣고 Playwright와 Chromium이 밝은 배경과 어두운 배경의 PNG를 만듭니다. 같은 구조도에서 React 컴포넌트와 공유용 결과물도 만들 수 있습니다. Claude Code와 Codex 같은 스킬 지원 도구에서 사용하며 Python 3.9 이상과 로고 수집 시 인터넷 연결이 필요합니다. 지원 도구에 스킬을 추가하고 원하는 구성을 설명하는 방식으로 시작하며 인프라를 자동 조사하는 서비스나 별도 구조도 API는 아닙니다. 짧은 기술 목록에서 추정한 관계는 사람이 확인해야 하고 로고의 별도 이용 조건을 지켜야 하며 공개 갤러리 게시에는 별도 승인이 필요합니다.

라이선스

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

같은 분야 저장소

• tddworks/SkillsManager
  Claude Code와 Codex용 스킬을 찾고 설치하는 macOS 앱입니다. 스킬은 AI 코딩 도구가 따라 읽는 작업 지침과 참고 파일 묶음입니다. 사용자는 GitHub 저장소 주소나 로컬 폴더를 카탈로그로 추가합니다. 앱은 SKILL.md를 찾아 이름, 설명, 태그와 본문을 보여줍니다. 검색과 공통 사용자 태그로 여러 카탈로그의 항목을 정리할 수 있습니다. 설치 코드는 선택한 도구의 스킬 폴더에 본문과 출처 식별 정보를 쓰고, 원격 스킬의 참고 파일도 복사합니다. 로컬 스킬은 편집 화면과 미리보기로 수정할 수 있습니다. 시작하려면 배포 앱을 받아 카탈로그와 설치 대상을 고르며, README는 macOS 15 이상을 요구합니다. 스킬의 실행 결과를 평가하거나 회사 차원의 승인 정책을 운영하는 도구로 설명되어 있지는 않습니다.
• elvarofficial/teardown
  Teardown은 기계의 구조를 설명하는 대화형 3D 화면을 만드는 Claude Code 스킬입니다. 사용자가 기계와 원하는 시연을 설명하면 에이전트가 오프라인에서 여는 단일 HTML 페이지를 만들며 검토 이미지나 영상도 만들 수 있습니다. 화면은 작동하는 기계, 조작 장치, 수치 패널, 선택 가능한 부품, 사용자가 쉬면 다시 진행하는 자동 안내를 함께 보여줍니다. 공통 시뮬레이션 단계가 기계 상태를 갱신하며 화면과 계기는 무관한 장식용 숫자가 아니라 이 상태를 읽도록 구성됩니다. 포함된 V8 엔진, Cessna, Strandbeest 예제는 기계 모델을 공유하고 직접 조작하는 화면과 촬영용 화면을 나누는 방식을 보여줍니다. 부품 모음은 Three.js와 무대 실행 코드를 사용하며 빌드 스크립트는 자바스크립트를 묶고 글꼴을 HTML에 포함합니다. 문서상 환경은 Node.js 20 이상과 Playwright Chromium이며 영상에는 ffmpeg, 절차적으로 만드는 소리에는 Python 3이 추가로 필요합니다. API는 외부 업무 서비스가 아니라 내부 장면과 시뮬레이션 연결 규약이며, 영상용 모델과 검토 지침이 공학적 정확성이나 안전 인증을 보장하지는 않습니다.
• Appllama/appllama-skills
  이 저장소는 모바일 앱 화면을 조사하고 Expo나 React Native 화면을 만드는 에이전트용 지침을 담습니다. 사용자는 앱 아이디어나 기존 화면, 코드, 참고 화면의 식별 번호를 제공합니다. 조사 지침은 Appllama MCP에 있는 앱과 화면, 사용 흐름, 화면 요소를 살피는 방법을 안내합니다. 설계 지침은 조사 내용을 배치와 화면 이동, 상태 처리, 움직임의 요구사항으로 바꿉니다. 기대 결과는 구현한 화면과 시뮬레이터 확인 기록이며 정지 화면뿐 아니라 전체 사용 흐름의 녹화도 요구합니다. 설계 지침은 외부 MCP 연결 없이도 사용할 수 있습니다. 조사 자료실을 사용하려면 Appllama 계정과 문서에 명시된 Pro 이용 권한, 호출 크레딧이 필요합니다. 화면 구현과 확인에는 코딩 에이전트와 모바일 개발 환경도 필요합니다. 완성 앱 생성기를 제공하는 저장소는 아니며 지침이 있다는 사실만으로 결과 화면의 품질 검사가 끝났다고 볼 수 없습니다.
• benjitaylor/skills
  이 저장소는 디자인과 모션 작업을 하는 코딩 에이전트용 스킬을 모으며, 현재 문서에서 소개하는 대상은 Stageshow입니다. 실제 작동하는 애플리케이션보다 제품을 설명하는 화면이 필요한 디자이너와 제품팀을 대상으로 합니다. 작업 설명, 화면 비율, 참고 화면, 필요한 상호작용을 입력으로 삼아 정지 화면, 기능 소개 카드, 커서 시연, 여러 칸으로 나눈 구성의 React 장면을 만듭니다. 화면 구성과 애니메이션 지침에 재사용 부품, 예제 장면, 로컬 촬영 도구를 묶었습니다. 제작 전에 장면 계획을 제안하고, 움직임을 만들기 전 정지 화면 구성을 확인하며 다듬는 과정에서 촬영 프레임을 살피도록 안내합니다. 부품 모음은 창, 커서, 툴팁과 공통 시각 스타일을 제공하지만 정해진 클릭은 상호작용을 그려 보여줄 뿐 실제 애플리케이션이나 API를 조작하지 않습니다. 미리보기에는 Node.js 20.19 이상이 필요하고 React와 Vite를 사용하며 촬영은 playwright-core와 로컬 Chrome으로 정지 이미지나 여러 프레임을 모은 검토판을 만듭니다. 이 자료는 에이전트의 검토를 돕지만 시각적 품질이나 제품 기능을 입증하지 않으며 재사용 전 MIT 라이선스와 외부 자산 및 상표의 별도 고지를 확인해야 합니다.
• huaxialucaicaizi/ai-startup-skills
  AI Startup Skills는 AI 제품을 만드는 1인 창업자와 초기 팀을 위한 일곱 가지 에이전트 지침을 묶고 단계별 선택 지침을 더한 자료입니다. 사용자는 제품, 현재 진행 상황, 목표 시장, 가용 자원과 기존 근거를 제공하며 단계가 불명확할 때 선택 지침이 최대 두 가지를 묻습니다. 수요 검증, 사업계획서, 지원 정책, 발표, 고객 확보, 가격 책정, 회사 등록을 다룹니다. 결과물은 검증 보고서, 사업계획 자료, 발표문, 가격과 견적 계획, 등록 점검표와 준수 일정입니다. 앞 단계의 근거를 다음 단계에 넘기고 검증된 기록, 사용자 진술, 부족한 정보를 구분하며 시장 수치나 후기를 지어내지 않도록 합니다. 독립 앱이나 제공형 API가 아니라 SKILL.md 파일, 참고 자료, 양식 모음이며 Codex나 Claude Code 같은 호환 에이전트의 스킬 폴더에 두는 방식입니다. 일곱 원본 저장소를 동기화하는 스크립트와 스킬 정보 형식 검사기도 제공하지만 창업 성과 향상의 근거는 아닙니다. 정책, 회사 등록, 플랫폼 고객 확보는 주로 중국 본토를 대상으로 하고 정책 링크는 낡을 수 있으며, 발표 자료는 투자회사 자금 조달보다 보육기관과 대회에 맞춰져 있고 법률이나 세무 자문을 대신하지 않습니다.

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