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. ✦프론트엔드

시나리오 라인

🎨 프론트엔드

목업 보며 픽셀 손보기, 접근성은 나중 일.

한 문장으로 컴포넌트, 리뷰는 한 번에 통과.

스타일 조정 2시간→리뷰 10분 통과마지막에 a11y→기본부터 접근성
모든 태그22react21javascript16frontend14documentation13markdown11nodejs11python11database10backend10security10testing9authentication8vue7git5debugging

이 라인에 11개 스킬

🎨

에이전트

무료

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

프론트엔드11 KB
자세히 보기
🎨

Api 계약 동기화 관리자

프리미엄

OpenAPI, Swagger 및 GraphQL 스키마가 백엔드 구현과 일치하는지 확인합니다. 변경사항 파괴 감지, TypeScript 클라이언트 생성, API 문서 동기화 유지를 합니다. API 스펙 파일(.yaml, .json, .graphql) 작업, API 변경 사항 검토, 프론트엔드 타입 생성 또는 엔드포인트 구현 유효성 검사 시 사용하세요.

프론트엔드11 KB
자세히 보기
🎨

클로드 엠디 엔핸서

프리미엄

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

프론트엔드16 KB
자세히 보기
🎨

PDF

무료

텍스트와 표 추출, 새 PDF 생성, 문서 병합/분할 및 양식 처리용 종합적인 PDF 조작 툴킷. Claude가 PDF 양식을 채우거나 대규모로 PDF 문서를 프로그래밍적으로 처리, 생성 또는 분석해야 할 때 사용됩니다.

프론트엔드7 KB
자세히 보기
🎨

Pptx

무료

프레젠테이션 생성, 편집 및 분석. Claude가 프레젠테이션 (.pptx 파일) 작업을 해야 할 때: (1) 새 프레젠테이션 생성, (2) 내용 수정 또는 편집, (3) 레이아웃 작업, (4) 댓글 또는 연사 노트 추가, 또는 다른 프레젠테이션 작업

프론트엔드25 KB
자세히 보기
🎨

프롬프트 팩토리

프리미엄

인텔리전트 7-질문 플로우, 15가지 전문 분야(기술, 비즈니스, 크리에이티브, 법률, 금융, HR, 디자인, 고객, 임원, 제조, R&D, 규제, 특수-기술, 연구, 크리에이티브-미디어) 전반의 69가지 종합 프리셋, 다중 출력 형식(XML/Claude/ChatGPT/Gemini), 품질 검증 게이트, OpenAI/Anthropic/Google의 문맥적 모범 사례를 통해 모든 역할, 산업, 작업에 대한 프로덕션 준비 완료 메가 프롬프트를 생성하는 세계적 프롬프트 파워하우스. 테스트 시나리오와 프롬프트 변형을 포함한 코어 및 고급 모드 모두 지원.

프론트엔드36 KB
자세히 보기
🎨

[ko] Repomix

프리미엄

Repomix를 사용하여 전체 코드 리포지토리를 단일 AI 친화적 파일로 패키징하세요. 기능에는 사용자 정의 포함/제외 패턴으로 코드베이스를 패키징, 여러 출력 형식(XML, Markdown, 평문) 생성, 파일 구조와 문맥 유지, 토큰 카운팅으로 AI 소비 최적화, 파일 유형과 디렉토리별 필터링, 사용자 정의 헤더와 요약 추가가 포함됩니다. AI 분석용 코드베이스 패키징, LLM 문맥용 리포지토리 스냅샷 생성, 타사 라이브러리 분석, 보안 감사 준비, 문서 문맥 생성 또는 익숙하지 않은 코드베이스 평가시 사용하세요.

프론트엔드5 KB
자세히 보기
🎨

기술 크리에이터

무료

효과적인 스킬을 만드는 가이드. 이 스킬은 사용자가 특화된 지식, 워크플로우 또는 도구 통합으로 Claude의 기능을 확장하는 새 스킬(또는 기존 스킬 업데이트)을 만들고 싶을 때 사용해야 합니다.

프론트엔드17 KB
자세히 보기
🎨

UI 스타일링

프리미엄

shadcn/ui 컴포넌트(Radix UI + Tailwind 기반), Tailwind CSS 유틸리티 우선 스타일링, 캔버스 기반 시각적 디자인으로 아름답고 접근성 좋은 사용자 인터페이스를 만드세요. 사용자 인터페이스 구축, 디자인 시스템 구현, 반응형 레이아웃 생성, 접근성 컴포넌트(대화상자, 드롭다운, 폼, 테이블) 추가, 테마 및 색상 사용자 정의, 다크 모드 구현, 시각적 디자인 및 포스터 생성, 또는 애플리케이션 전체에서 일관된 스타일링 패턴 확립할 때 사용하세요.

프론트엔드10 KB
자세히 보기
🎨

베르셀

프리미엄

Vercel 플랫폼 및 API 문서

프론트엔드11 KB
자세히 보기
🎨

웹 에셋 제너레이터

프리미엄

로고나 텍스트 슬로건에서 파비콘, 앱 아이콘(PWA), 페이스북, 트위터, WhatsApp, LinkedIn용 소셜 미디어 메타 이미지(Open Graph) 등의 웹 에셋을 생성합니다. 사용자가 아이콘, 파비콘, 소셜 공유 이미지 또는 Open Graph 이미지를 로고나 텍스트 슬로건으로 부터 필요할 때 사용하세요. 이미지 크기 조정, 텍스트-이미지 생성을 처리하고 적절한 HTML 메타 태그를 제공합니다.

프론트엔드26 KB
자세히 보기

1 / 1 페이지 · 11 / 11 표시 중

이전다음