스펙트럼 모니터 차트v1.0.0
이 Skill로 다음을 할 수 있습니다: 인포그래픽 제작.
급상승
5.0다운로드 30회좋아요 0개저장 0회
$4.99
이 Skill을 구매하면 무엇을 받나요?스펙트럼 모니터 차트는 바로 붙여 넣을 수 있는 데이터 시각화로, 편집 가능한 소스와 사용 예제로 제공됩니다. 방문자가 바꾸면 바로 반응하는 상태가 포함되어 있습니다. 색상, 타이포그래피, radius는 토큰으로 관리되어 한 번 수정하면 블록 전체에 적용됩니다.
2026년 8월 31일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 스펙트럼 모니터 차트의 전체 소스 — 컴포넌트 파일과 실행 가능한 사용 예제가 포함되어 바로 붙여 넣고 편집할 수 있습니다.
- 문서화된 비주얼 규약: 팔레트, 타입 스케일, 모서리 반경, 아이콘 선 굵기, 모션 타이밍을 모두 한곳에서 수정하는 토큰으로 정리했습니다.
- 데스크톱부터 휴대폰까지 반응형 브레이크포인트가 이미 조정되어 있습니다.
이런 분께 추천
- 페이지에 데이터 시각화가 필요하지만 차트 라이브러리를 직접 연결하고 싶지는 않은 경우.
- 차트 팔레트와 간격을 페이지의 나머지 부분과 맞추고 싶은 경우.
- 또 하나의 의존성을 계속 업그레이드하며 관리하기보다, 읽기 쉽고 직접 수정할 수 있는 소스를 원하는 경우.
이런 분께는 비추천
- 이미 성숙한 디자인 시스템을 운영 중인 팀 — 이 팔레트와 타입 스케일이 기존 것과 충돌합니다.
- 버전 관리되는 npm 패키지를 원하는 경우 — 이 Skill은 직접 유지보수할 소스를 제공합니다.
- 내비게이션, 폼, 인증, 결제가 필요한 프로젝트 — 이 블록은 그중 어느 것도 다루지 않습니다.
고객·경영진 보고연구·기술 커뮤니케이션웹 디자인·디지털 경험인포그래픽 제작UI 비주얼 제작홈페이지 제작편집 가능한 결과물세련된 비주얼초보자 친화웜 뉴트럴틸 포인트에디토리얼
이 Skill 소개
블록 하나만 붙여 넣으면 SVG로 대충 스케치한 것이 아니라 제대로 그려진 실제 데이터 시각화가 페이지에 나타납니다. 숫자를 넣으면 도형이 알아서 다시 그려집니다.
제공 내용
- 스펙트럼 모니터 차트의 전체 소스 — 컴포넌트 파일과 실행 가능한 사용 예제가 포함되어 바로 붙여 넣고 편집할 수 있습니다.
- 문서화된 비주얼 규약: 팔레트, 타입 스케일, 모서리 반경, 아이콘 선 굵기, 모션 타이밍을 모두 한곳에서 수정하는 토큰으로 정리했습니다.
- 데스크톱부터 휴대폰까지 반응형 브레이크포인트가 이미 조정되어 있습니다.
사용 방법
- 섹션을 넣을 위치를 어시스턴트에게 알려 주세요. 먼저 프로젝트를 읽은 뒤, 기존 코드 작성 방식에 맞춰 블록을 작성합니다.
- 문구를 직접 쓴 내용으로 바꾸세요. 글자 크기와 간격은 알아서 유지됩니다.
- 포인트 컬러를 한 곳에서 바꾸면 블록 전체가 따라 바뀝니다.
- 배포하기 전에 휴대폰에서 확인해 보세요. 모바일에서도 무너지지 않도록 이미 만들어져 있습니다.
시작 전에 필요한 것
- 최근 테스트
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…