skillsfree
💻 개발⚙️ 백엔드🎨 프론트엔드🚀 DevOps⛓️ Web3 & 블록체인🎭 크리에이티브📄 문서화📊 데이터 & AI💼 비즈니스🤖 자동화🔒 보안✦ 기타
무료 선별가격
⌘K
홈무료 선별가격
💻 개발⚙️ 백엔드🎨 프론트엔드🚀 DevOps⛓️ Web3 & 블록체인🎭 크리에이티브📄 문서화📊 데이터 & AI💼 비즈니스🤖 자동화🔒 보안✦ 기타
skillsfree

엄선된 1500개 이상의 Claude AI 스킬 플랫폼. 발견, 학습, 생산성 향상.

카테고리

개발프론트엔드백엔드데이터 & AI문서화DevOps전체 카테고리

리소스

GitHub문서API 참조Claude AI

회사

회사 소개연락처자주 묻는 질문

법적 정보

개인정보 보호정책서비스 약관

© 2026 Claude Skills Free. All rights reserved.

❤Claude 커뮤니티를 위해 정성껏

☀️
  1. 홈
  2. ✦프론트엔드
  3. ✦프론트엔드 디자인
⏱ 문서를 뒤져 수작업→Frontend 한 번에 장착시행착오 반복→#frontend 바로 사용

프론트엔드 디자인

고품질의 디자인으로 독특하고 프로덕션 수준의 프론트엔드 인터페이스를 제작하세요. 사용자가 웹 컴포넌트, 페이지 또는 애플리케이션 구축을 요청할 때 이 기술을 사용하세요. 일반적인 AI 미학을 피하는 창의적이고 정교한 코드를 생성합니다.

🎨 Frontend✦무료 변신✦7개 언어

당신이 되다

사용 사례

다음 시나리오에 적합

✦ 01📝

계약서 초안 작성

수정 내역 추적 및 서식 유지가 적용된 법률 계약서 만들기

✦ 02📊

보고서 생성

일관된 서식과 스타일로 전문 보고서 생성

✦ 03💬

공동 편집

댓글 및 버전 관리로 팀 협업 활성화

✦ 04🔍

콘텐츠 추출

분석 또는 마이그레이션을 위해 문서에서 텍스트를 추출합니다

측정된 효과

이 스킬을 선택하는 이유

검증된 이점과 측정 가능한 영향

50%

더 빠른 문서 준비

수동 서식 지정 및 편집에 소요되는 시간을 절반으로 줄이기

30%

오류 감소

자동 변경 추적으로 수정 오류 감소

40%

팀 효율성

협업 문서 워크플로우 속도를 크게 향상

장착 내용

무엇이 들어 있나

파일 · 태그 · 3단계 설치

소스 리포지토리에서 스킬 파일을 다운로드하거나 복사합니다.
스킬 파일을 Claude의 skills 디렉토리(~/.claude/skills/)에 넣습니다.
Claude를 재시작하거나 리로드 명령을 실행하면 스킬이 자동으로 로드됩니다.
$ cp mrgoonie__claudekit-skills/.claude/skills/frontend-design/skill.md ~/.claude/skills/

팁: 처음 사용하기 전에 문서와 코드를 읽고 기능과 필요한 권한을 확인하세요.

관련 태그

#frontend#react#vue

기술 정보

작성자
mrgoonie
카테고리
Frontend
파일 크기
4.23 KB
소스 리포지토리
mrgoonie__claudekit-skills
라이선스
MIT
메타데이터
YAML 메타데이터 포함
GitHub 소스 보기

이 스킬 가져가기

무료 변신

무료 스킬은 로그인 후 바로 내려받아 사용할 수 있습니다.

모든 스킬은 오픈소스 커뮤니티에서 제공되며 원 작성자의 권리를 보존합니다.

다음 시나리오

관련 스킬

태그 및 카테고리 기반 추천

모든 스킬 보기
🎨

에이전트

무료

공개 agents.md 규약에 따라 AGENTS.md 파일을 생성하고 유지하세요. AI 에이전트 워크플로에 대한 문서 작성, 온보딩 가이드, 또는 프로젝트 간 에이전트 상호작용 패턴을 표준화할 때 사용하세요.

Frontend11 KB
자세히 보기
🎨

Aptos Dapp 통합

프리미엄

Aptos에서 프론트엔드 통합, 지갑 연결(Petra, Martian, Pontem), TypeScript SDK, 트랜잭션 제출 및 지갑 어댑터 패턴과 함께 탈중앙화 애플리케이션 구축 전문가. 지갑 연결, petra, martian, pontem, typescript sdk, aptos sdk, dapp, 프론트엔드 통합, 지갑 어댑터, 트랜잭션, 서명 키워드로 트리거됨.

Web3 & Blockchain16 KB
자세히 보기
🎨

벳터 오스

프리미엄

Better Auth - 프레임워크에 구애받지 않는 TypeScript 인증 프레임워크로 인증 및 권한 부여를 구현합니다. 기능에는 인증이 포함된 이메일/비밀번호 인증, OAuth 제공자(Google, GitHub, Discord 등), 2단계 인증(TOTP, SMS), 패스키/WebAuthn 지원, 세션 관리, 역할 기반 접근 제어(RBAC), 속도 제한 및 데이터베이스 어댑터가 있습니다. 애플리케이션에 인증을 추가할 때, OAuth 흐름을 구현할 때, 2FA/MFA를 설정할 때, 사용자 세션을 관리할 때, 권한 규칙을 구성할 때, 또는 웹 애플리케이션용 안전한 인증 시스템을 구축할 때 사용합니다.

Frontend7 KB
자세히 보기
🎨

클로드 엠디 엔핸서

프리미엄

최고의 관행, 모듈식 아키텍처 지원 및 기술 스택 맞춤화를 사용하여 모든 프로젝트 유형에 대한 CLAUDE.md 파일을 분석, 생성 및 개선합니다. 새 프로젝트 설정, 기존 CLAUDE.md 파일 개선 또는 AI 지원 개발 표준 수립 시 사용하십시오.

Frontend16 KB
자세히 보기
모든 스킬 보기