technical-svg-diagrams이란?
Cloudflare에서 영감을 받은 일관적인 스타일로 깔끔하고 최소한의 기술 SVG 다이어그램을 생성하세요. 블로그 게시물 및 문서용 아키텍처 다이어그램, 흐름 다이어그램 또는 구성 요소 다이어그램을 만들 때 사용합니다. 출처: somtougeh/somto-dev-toolkit.
·technical-svg-diagrams
</>
technical-svg-diagrams
✓Cloudflare에서 영감을 받은 일관적인 스타일로 깔끔하고 최소한의 기술 SVG 다이어그램을 생성하세요. 블로그 게시물 및 문서용 아키텍처 다이어그램, 흐름 다이어그램 또는 구성 요소 다이어그램을 만들 때 사용합니다.
technical-svg-diagrams 설치 방법
명령줄에서 technical-svg-diagrams AI 스킬을 개발 환경에 빠르게 설치
- 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
- 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/somtougeh/somto-dev-toolkit --skill technical-svg-diagrams
- 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
출처: somtougeh/somto-dev-toolkit.
SKILL.md
원본 보기Generate technical SVG diagrams with consistent styling for blog posts and documentation. All diagrams use a unified visual language: grid backgrounds, monospace fonts, muted colors with semantic accents, and clean geometric shapes.
| Background | Light gray | #fafafa | | Grid lines | Subtle gray | #e5e5e5 | | Primary text | Dark gray | #333 | | Secondary text | Medium gray | #666 | | Muted text | Light gray | #999 | | Borders/arrows | Gray | #ccc | | Success/positive | Green | #27ae60 | | Error/negative | Red | #e74c3c | | Primary accent | Blue | #3498db |
| Warning/sandbox | Orange | #f39c12 | | Process step | Purple | #9b59b6 |
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/somtougeh/somto-dev-toolkit --skill technical-svg-diagrams- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-25
- 업데이트
- 2026-03-10
빠른 답변
technical-svg-diagrams 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/somtougeh/somto-dev-toolkit --skill technical-svg-diagrams 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/somtougeh/somto-dev-toolkit
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-25
관련 Skills
없음