월 US$9.99에 모든 Premium Skill을 이용하세요. 언제든지 취소할 수 있습니다.플랜 보기

Single Frame Herov1.0.1

이 Skill로 다음을 할 수 있습니다: UI 비주얼 제작.

급상승
5.0다운로드 32회좋아요 0개저장 0회
$4.99
이 Skill을 구매하면 무엇을 받나요?

Single Frame Hero는 바로 붙여 넣어 쓰는 Hero 섹션으로, 편집 가능한 소스와 사용 예시가 함께 제공됩니다. 휴대폰 화면까지 자연스럽게 재배치되는 반응형 그리드를 갖추고 있으며, 색상·타이포그래피·모서리 반경은 토큰으로 관리되어 한 번만 수정하면 블록 전체에 적용됩니다.

가장 많이 선택한 직무

1인 창업자앱 개발자UI 디자이너

2026년 8월 31일 업데이트

Single Frame Hero 결과 미리보기

실행 환경

Claude CodeClaude Desktop / CoworkChatGPTCodexCursorGitHub CopilotOpenClawHermesOpenCodeKilo Code

설치 가이드

Claude CodeCursor

생성 모델

호스트 Agent LLM

비슷한 Skill

모든 Skill 보기

제공 내용

  • Single Frame Hero 전체 소스 — 컴포넌트 파일과 바로 실행해 볼 수 있는 사용 예시가 포함되어 있어 붙여 넣고 바로 편집할 수 있습니다.
  • 문서화된 비주얼 규약: 팔레트, 타입 스케일, 모서리 반경, 아이콘 선 굵기, 모션 타이밍을 모두 한곳에서 수정하는 토큰으로 정리했습니다.
  • 데스크톱부터 휴대폰까지 반응형 브레이크포인트가 이미 조정되어 있습니다.

이런 분께 추천

  • Hero 섹션이 필요하고, 빈 캔버스보다 완성된 섹션을 원할 때.
  • 이미지까지 배치되어 렌더링 즉시 완성돼 보이는 첫 화면을 원할 때.
  • 또 하나의 의존성을 계속 업그레이드하며 관리하기보다, 읽기 쉽고 직접 수정할 수 있는 소스를 원하는 경우.

이런 분께는 비추천

  • 이미 성숙한 디자인 시스템을 운영 중인 팀 — 이 팔레트와 타입 스케일이 기존 것과 충돌합니다.
  • 버전 관리되는 npm 패키지를 원하는 경우 — 이 Skill은 직접 유지보수할 소스를 제공합니다.
  • 내비게이션, 폼, 인증, 결제가 필요한 프로젝트 — 이 블록은 그중 어느 것도 다루지 않습니다.
브랜드 아이덴티티·비주얼 시스템제품 런칭·앱 성장웹 디자인·디지털 경험UI 비주얼 제작홈페이지 제작랜딩페이지 제작편집 가능한 결과물세련된 비주얼초보자 친화웜 뉴트럴틸 포인트에디토리얼

이 Skill 소개

입력 예시/bs-hero-single-frame 이 Hero 섹션을 내 랜딩 페이지 맨 위에 넣고 제품명을 내 것으로 바꿔 주세요.

사용자 리뷰

리뷰를 불러오는 중…

FAQ