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 한 번에 장착시행착오 반복→#backend 바로 사용

기술 개발자

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

🎨 Frontend✦프리미엄✦7개 언어

당신이 되다

사용 사례

다음 시나리오에 적합

✦ 01🚀

Laravel 앱 배포

내장된 PHP-FPM 및 HTTPS 지원을 사용하여 Laravel 앱 배포

✦ 02🌐

WordPress 사이트 호스팅

강화된 성능 및 보안 기능을 갖춘 WordPress 사이트 호스팅

✦ 03📦

Docker 컨테이너 실행

최소한의 구성으로 Docker 컨테이너에서 PHP 앱 실행

✦ 04🔄

레거시 앱 마이그레이션

FrankenPHP의 간소화된 설정으로 레거시 PHP 애플리케이션 현대화하기

측정된 효과

이 스킬을 선택하는 이유

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

50%

더 빠른 배포

간소화된 서버 구성으로 배포 시간 단축

3x

성능 개선

최적화된 요청 처리로 앱 속도 향상

90%

더 쉬운 유지보수

자동 HTTPS 및 내장 모니터링으로 오버헤드 절감

장착 내용

무엇이 들어 있나

파일 · 태그 · 3단계 설치

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

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

관련 태그

#backend#database#debugging#documentation#frontend#javascript#markdown#nodejs#react#security#testing

기술 정보

작성자
diet103
카테고리
Frontend
파일 크기
11.99 KB
소스 리포지토리
diet103__claude-code-infrastructure-showcase
라이선스
MIT
메타데이터
YAML 메타데이터 포함
GitHub 소스 보기

이 스킬 가져가기

$9.9/월
프리미엄

450+ 프리미엄 스킬을 무제한으로 내려받으세요.

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

다음 시나리오

관련 스킬

태그 및 카테고리 기반 추천

모든 스킬 보기
🎨

에이전트

무료

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

Frontend11 KB
자세히 보기
🎨

Api 계약 동기화 관리자

프리미엄

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

Frontend11 KB
자세히 보기
💻

에이전트 팩토리

프리미엄

Claude Code agent 생성 시스템은 강화된 YAML 프론트매터, 도구 접근 패턴, 그리고 검증된 프로덕션 패턴을 따르는 MCP 통합 지원과 함께 사용자 정의 에이전트와 서브에이전트를 생성합니다

Development8 KB
자세히 보기
💻

Aptos Move 프로버

프리미엄

Move Prover 정형 검증 전문가 - 스펙 언어 (MSL), 전제 조건, 사후 조건, 불변량, aborts_if, ensures, requires, modifies, emits, 전역 불변량, 스키마 패턴, 양화자, 헬퍼 함수, 프라그마 지시문, 검증 전략, 그리고 증명 디버깅. 키워드 move prover, formal verification, spec, invariant, ensures, requires, aborts_if, precondition, postcondition, quantifier, schema, pragma에 반응합니다.

Web3 & Blockchain26 KB
자세히 보기
모든 스킬 보기