anthropics

뻔하지 않은 웹 디자인

웹사이트나 앱 화면을 AI 티 나지 않게, 개성 있게 디자인해 줘요.

비용무료

카테고리	디자인·이미지
난이도	중급
쓸 수 있는 곳	claude.ai, Claude Code
검수	검수 통과
원래 이름	`frontend-design`
만든 곳	anthropics/skills
라이선스	표시 없음
GitHub 별	183,413개

설치하기claude.ai · Claude Code 원본 보기GitHub

이럴 때 쓰세요

내 사이트가 '어디서 본 듯한' 느낌이라 바꾸고 싶을 때
글꼴과 색 조합을 제대로 잡고 싶을 때

어떻게 동작하나요

시작
만들 화면 설명
1
무엇을 만드는지와 분위기를 먼저 정해요
2
글꼴, 색, 배치를 의도적으로 골라요
3
흔한 AI 디자인 패턴을 피하도록 점검해요
결과
개성 있는 화면 디자인

필요한 것

따로 준비할 것 없이 바로 쓸 수 있어요.

검수 결과

검수 통과

검사한 파일	2개
위험·주의 신호	없음
참고 사항	없음

어떤 것을 검사하나요?

설치 방법

claude.ai (웹·앱)

저장소 ZIP 다운로드 ↓
압축을 풀고 skills/frontend-design 폴더만 다시 ZIP으로 압축해요.
claude.ai 스킬 설정 열기 ↗에서 ZIP 파일을 올려요.

Claude Code (터미널)

명령어를 치는 창(터미널)에 아래를 붙여 넣어요. git이 없다면 git 다운로드 ↗

git clone --depth 1 https://github.com/anthropics/skills
cp -r skills/skills/frontend-design ~/.claude/skills/frontend-design

Windows는 ~/.claude/skills 대신 %USERPROFILE%\.claude\skills 폴더에 복사해요.

후기 0

아직 후기가 없어요

별점과 "좋았던 점 / 아쉬운 점" 후기는 다음 단계에서 로그인과 함께 열려요.