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
자세히 보기
🎨

벳터 오스

프리미엄

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

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

클로드 엠디 엔핸서

프리미엄

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

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

개발자 성장 분석

프리미엄

최근 Claude Code 채팅 기록을 분석하여 코딩 패턴, 개발 격차, 개선 영역을 식별하고 HackerNews에서 관련 학습 자원을 선별한 후 슬랙 DM으로 개인 맞춤 성장 보고서를 자동으로 보냅니다.

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

Ln 115 프레젠테이션 크리에이터

프리미엄

Overview, Requirements, Architecture/C4, Tech Spec, Roadmap, Guides의 6개 탭을 가진 상호작용형 HTML 프레젠테이션을 구축합니다. 프레젠테이션/README.md 허브를 생성합니다. ln-110-documents-pipeline 아래에서 작동합니다.

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

플래드 전문가

프리미엄

링크(Link), 인증(Auth), 거래(Transactions), 신원(Identity) 및 웹후크 처리(webhook handling)를 포함한 Plaid 뱅킹 API 통합에 대한 전문 가이드입니다. 사용자가 Plaid, 은행 연결, 금융 데이터, ACH 또는 뱅킹 API를 언급할 때 호출하세요.

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

기술 개발자

프리미엄

Anthropic 최고 사례에 따라 Claude Code 스킬을 생성하고 관리합니다. 새 스킬을 생성하거나 skill-rules.json을 수정하거나 트리거 패턴을 이해하거나 훅을 사용하거나 스킬 활성화를 디버깅하거나 점진적 공개를 구현할 때 사용하세요. 스킬 구조, YAML 전문사항, 트리거 유형(키워드, 의도 패턴, 파일 경로, 콘텐츠 패턴), 시행 수준(차단, 제안, 경고), 훅 메커니즘(UserPromptSubmit, PreToolUse), 세션 추적 및 500행 규칙을 다룹니다.

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

스트라이프 전문가

프리미엄

결제 처리, 청구, 구독, 웹훅, Connect, Terminal, Radar, Identity, Tax, Climate 및 통합을 모두 다루는 공식 문서 3,253개에 접근할 수 있는 종합 Stripe API 전문가입니다. 사용자가 Stripe, 결제, 구독, 청구, 결제 처리, 체크아웃, 송장 또는 결제 관련 기능을 언급할 때 호출하세요.

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

툰 포매터

프리미엄

AGGRESSIVELY TOON v2.0 형식을 상대적으로 많은 규칙적인 데이터(≥5개 항목, ≥60% 균일)에 사용하세요. 테이블, 로그, 이벤트, 거래, 분석, API 응답, 데이터베이스 결과에 자동 적용됩니다. 3가지 배열 유형(인라인, 테이블형, 확장형), 3가지 구분자(쉼표, 탭, 파이프), 중첩 객체에 대한 키 폴딩을 지원합니다. 구조화된 데이터, 배열, 반복 패턴에서 트리거됩니다. 토큰이 중요한 경우 - RAG 파이프라인, 도구 호출, 에이전트, 벤치마크 - 기본적으로 TOON을 사용하세요. 키워드: "data", "array", "list", "table", "log", "transaction", "metric", "analytics", "API", "database", "query", "TOON"

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

베르셀

프리미엄

Vercel 플랫폼 및 API 문서

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

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

이전다음