Community코딩 & 개발github.com

honeycyj/fireworks-tech-graph-style7

스크린샷을 style7 기술 다이어그램으로 변환하여 SVG 및 2배 해상도의 PNG로 출력하는 Codex 스킬입니다.

fireworks-tech-graph-style7란 무엇인가요?

이 스킬은 Codex 에이전트가 스크린샷 이미지를 기반으로 style7 형식의 기술 다이어그램을 생성할 수 있게 해줍니다. style7은 고유한 시각적 스타일을 가진 기술 다이어그램 템플릿으로, 주로 시스템 아키텍처, 소프트웨어 구성도, 네트워크 토폴로지 등을 표현하는 데 사용됩니다. 스킬은 입력된 스크린샷을 분석하고, 동일한 레이아웃과 내용을 유지하면서 style7 미학에 맞게 다시 그린 후, 벡터 그래픽 형식인 SVG와 고해상도 래스터 형식인 2x PNG를 동시에 출력합니다. 이를 통해 개발자와 기술 문서 작성자는 기존 다이어그램을 빠르게 재스타일링하거나, 레퍼런스 이미지를 기반으로 새로운 기술 문서 자산을 만들 수 있습니다. Codex 환경에 최적화되어 있으며, AI 비전과 그래픽 생성 기능을 활용합니다.

지원 대상~Claude Code✓Codex CLI~Cursor
npx skills add honeycyj/fireworks-tech-graph-style7

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

fireworks-tech-graph-style7은(는) 무엇을 하나요?

스크린샷을 style7 기술 다이어그램으로 변환하여 SVG 및 2배 해상도의 PNG로 출력하는 Codex 스킬입니다.

설명

이 스킬은 주어진 스크린샷을 분석하여 동일한 구조와 내용을 가진 style7 형식의 기술 다이어그램을 생성합니다. 출력은 SVG(벡터)와 2x PNG(고해상도 래스터) 두 가지 형식으로 제공됩니다.

사용 방법

  1. Codex에게 스크린샷 파일을 제공합니다.
  2. 스킬을 호출하여 다이어그램을 생성합니다.
  3. 생성된 SVG 및 2x PNG 파일을 다운로드합니다.

지원 형식

  • SVG: 확장 가능한 벡터 그래픽, 편집 가능
  • 2x PNG: 고해상도 래스터 이미지 (Retina 디스플레이 호환)

참고 사항

  • 스크린샷은 기술 다이어그램이어야 합니다.
  • 입력 이미지의 해상도가 높을수록 더 정확한 결과를 얻을 수 있습니다.
  • style7 스타일은 일관된 색상, 폰트, 선 스타일을 사용합니다.

관련 스킬