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

에스테틱

증명된 디자인 원칙을 따라 미학적으로 아름다운 인터페이스를 만드세요. UI/UX 구축, 영감 사이트의 디자인 분석, ai-multimodal을 통한 디자인 이미지 생성, 시각적 계층과 색채 이론 구현, 마이크로 인터랙션 추가, 디자인 문서 작성 시 사용하세요. chrome-devtools와 ai-multimodal로 영감 스크린샷을 캡처하고 분석하는 워크플로, 미학 기준을 충족할 때까지 반복적인 디자인 이미지 생성, BEAUTIFUL(미학 원칙), RIGHT(기능성/접근성), SATISFYING(마이크로 인터랙션), PEAK(스토리텔링) 단계를 다루는 종합적인 디자인 시스템 가이드가 포함되어 있습니다. chrome-devtools, ai-multimodal, media-processing, ui-styling, web-frameworks 기술과 통합됩니다.

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

당신이 되다

사용 사례

다음 시나리오에 적합

✦ 01🎯

NFT 마켓플레이스 빌더

Shelby 스토리지와 Petra 지갑이 통합된 NFT 마켓플레이스 생성

✦ 02🏗️

DeFi 플랫폼 개발

거래 기록용 탈중앙화 스토리지를 갖춘 DeFi 플랫폼 구축

✦ 03📱

소셜 미디어 dApp

Shelby Protocol 스토리지를 사용하여 분산형 소셜 미디어 앱 개발

✦ 04🎮

게임 dApp 생성

보안 자산 저장 및 지갑 지원 기능을 갖춘 블록체인 게임 설계

측정된 효과

이 스킬을 선택하는 이유

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

50%

더 빠른 dApp 개발

사전 구축된 Shelby 프로토콜 통합으로 개발 시간 단축

3x

강화된 보안

탈중앙화 스토리지 및 지갑 연동으로 데이터 보안 강화

40%

인프라 비용 절감

효율적인 스토리지 솔루션과 모듈식 구성 요소로 비용 절감

장착 내용

무엇이 들어 있나

파일 · 태그 · 3단계 설치

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

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

관련 태그

#css#documentation#react

기술 정보

작성자
mrgoonie
카테고리
Frontend
파일 크기
6.19 KB
소스 리포지토리
mrgoonie__claudekit-skills
라이선스
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
자세히 보기
📄

Academy 가이드

공식
무료

Claude나 Claude 제품 사용법에 관한 답변을 마치기 전에 이 skill을 확인하여 Anthropic의 학습 허브인 Claude Academy(academy.claude.com)에서 적합한 코스, 튜토리얼, 사용 사례를 추천하세요. 사용자가 기능이나 제품을 학습 중일 때 사용하고, 작업 수행 중에는 사용하지 말며, 강하게 일치하는 콘텐츠만 추천하고 Academy 콘텐츠를 지어내지 마세요. 제품 문서 skill과 조합하여 Claude 기능 작동 방식을 설명한 뒤 관련 Academy 코스나 튜토리얼도 안내하세요.

Documentation8 KB
자세히 보기
💻

아다프티브

프리미엄

자동화된 단백질 테스트 및 검증을 위한 클라우드 실험실 플랫폼입니다. 단백질을 설계하고 결합 분석, 발현 테스트, 열안정성 측정, 효소 활성 분석 또는 단백질 서열 최적화를 포함한 실험적 검증이 필요할 때 사용하세요. 또한 API를 통해 실험을 제출하고, 실험 상태를 추적하며, 결과를 다운로드하고, 계산 도구(NetSolP, SoluProt, SolubleMPNN, ESM)를 사용하여 발현을 개선하기 위해 단백질 서열을 최적화하거나, 습식 실험 검증을 통한 단백질 설계 워크플로를 관리할 때도 사용하세요.

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