fixing-accessibility
안전 79UI 접근성 문제 수정
작성자 ibelick
접근성 결함은 인터페이스를 사용하기 어렵게 만들고 사용자가 핵심 워크플로를 진행하지 못하게 할 수 있습니다. 이 스킬은 Claude, Codex, Claude Code에 집중적인 UI 접근성 수정을 위한 명확한 규칙을 제공합니다.
좋아하는 스킬을 재사용 가능한 컬렉션으로 묶고, 명령 하나로 설치하세요.
UI 접근성 문제 수정
작성자 ibelick
접근성 결함은 인터페이스를 사용하기 어렵게 만들고 사용자가 핵심 워크플로를 진행하지 못하게 할 수 있습니다. 이 스킬은 Claude, Codex, Claude Code에 집중적인 UI 접근성 수정을 위한 명확한 규칙을 제공합니다.
클린 코드 이슈에 대한 코드 리뷰
작성자 hylarucoder
코드 품질 이슈는 리뷰 속도를 늦추고 변경을 위험하게 만듭니다. 이 스킬은 클린 코드 문제를 찾아 우선순위가 지정된 리팩터링 지침을 제공합니다.
리팩터링을 위한 ast-grep 규칙 작성
작성자 hylarucoder
AST 기반 리팩터링은 일반 텍스트 검색만으로 표현하기 어렵습니다. 이 skill은 Claude, Codex, Claude Code가 ast-grep 규칙을 만들고 개선하도록 돕습니다.
애니메이션 ReactBits 컴포넌트 추가
작성자 hwj23016021425
React 개발자는 완성도 높은 애니메이션 UI 요소를 빠르게 찾을 방법이 필요합니다. 이 스킬은 ReactBits를 검색하고 React 및 Next.js 프로젝트에 컴포넌트를 통합하도록 안내합니다.
Claude Code로 Swift 앱 빌드하기
작성자 hmohamed01
Swift 프로젝트에는 Xcode, SPM, 시뮬레이터, 테스트, 포매팅, 서명 전반에 걸쳐 많은 도구가 필요합니다. 이 스킬은 일반적인 iOS 및 macOS 개발 워크플로를 위해 Claude에 구조화된 지침과 스크립트를 제공합니다.
Claude Code Hooks 안전하게 구축하기
작성자 anthropics
팀에는 도구 사용을 검증하고 워크플로 규칙을 적용할 수 있는 신뢰성 높은 훅이 필요합니다. 이 스킬은 Claude, Codex, Claude Code 사용자가 훅 설계, 테스트, 마이그레이션 패턴을 익히도록 안내합니다.
이 변형이 1위인 이유
anthropics-hook-development
2026-10-24
가이드형 프로젝트 스캐폴드 생성
작성자 hmohamed01
새 프로젝트는 유용한 작업을 시작하기 전에 많은 설정 선택이 필요한 경우가 많습니다. 이 스킬은 그런 선택을 안내하고 일반적인 소프트웨어 스택용 시작 파일을 생성합니다.
신뢰할 수 있는 PowerShell 도구 구축
작성자 hmohamed01
PowerShell 프로젝트에는 일관된 구조, 안전한 매개변수, 최신 모듈 지침이 필요합니다. 이 스킬은 실용적인 PowerShell 참고 자료를 사용해 스크립트, 모듈, GUI를 만드는 데 도움을 줍니다.
Higgsfield 웹사이트 및 앱 빌드
작성자 higgsfield-ai
완성도 높은 웹 제품을 출시하려면 설정, 디자인, 보안, 배포 단계가 필요합니다. 이 스킬은 Claude, Codex, Claude Code가 Higgsfield CLI 웹사이트 및 앱 워크플로를 진행하도록 안내합니다.
Build Playable Browser Games with Higgsfield
작성자 higgsfield-ai
Creating a coherent browser game requires coordinated design, assets, code, testing, and deployment. This skill guides that workflow through Higgsfield CLI and bundled asset tools.
결정적 WAAPI 모션 만들기
작성자 heygen-com
타이밍이 결정적이지 않으면 네이티브 브라우저 애니메이션은 HyperFrames에서 드리프트가 발생할 수 있습니다. 이 스킬은 탐색 가능하고, 일시 정지되어 있으며, 유한한 애니메이션을 위한 WAAPI 패턴을 보여줍니다.
WebGPU HyperFrames 효과 빌드
작성자 heygen-com
HyperFrames의 GPU 효과에는 결정론적 타이밍과 프레임 캡처가 필요합니다. 이 스킬은 렌더링 준비가 된 캔버스 컴포지션을 위한 WebGPU, TypeGPU, GSAP 패턴을 제공합니다.
결정론적 Three.js HyperFrames 장면 구축
작성자 heygen-com
장면이 실제 시계 기반 애니메이션에 의존하면 프레임 단위로 정확한 Three.js 렌더링이 어렵습니다. 이 스킬은 hf-seek 시간에서 렌더링하는 HyperFrames 패턴을 보여줍니다.
Tailwind v4 HyperFrames 장면 빌드
작성자 heygen-com
팀이 오래된 v3 패턴을 적용하면 Tailwind v4 browser-runtime 프로젝트가 실패할 수 있습니다. 이 스킬은 안정적인 스타일링을 위해 Claude, Codex, Claude Code에 정확한 HyperFrames 지침을 제공합니다.
Remotion 프로젝트를 HyperFrames로 변환
작성자 heygen-com
수동 Remotion 마이그레이션은 타이밍, 미디어, 렌더링 차이를 놓칠 수 있습니다. 이 스킬은 지원되는 React 컴포지션을 HyperFrames로 매핑하고 시각적 충실도를 검증합니다.
HyperFrames에 Lottie 애니메이션 임베드하기
작성자 heygen-com
HyperFrames 프로젝트에는 타임라인 드리프트 대신 결정론적인 Lottie 재생이 필요합니다. 이 스킬은 lottie-web 및 dotLottie를 위한 로컬 에셋 로딩, 플레이어 등록, 검증 패턴을 보여줍니다.
HyperFrames용 GSAP 애니메이션 빌드
작성자 heygen-com
HyperFrames 애니메이션 작업에는 정밀한 GSAP 타이밍, 효과, 성능 선택이 필요합니다. 이 skill은 tween, timeline, 타이프라이터 텍스트, 오디오 반응형 비주얼을 위한 집중 참고 자료를 제공합니다.
HyperFrames용 탐색 가능한 CSS 애니메이션 만들기
작성자 heygen-com
프리뷰와 렌더링이 시간상 위치를 탐색할 때 CSS 애니메이션이 어긋날 수 있습니다. 이 스킬은 keyframes, 타이밍, fill modes, 검증을 위한 결정론적 패턴을 보여줍니다.
결정적 Anime.js HyperFrames 만들기
작성자 heygen-com
Anime.js 애니메이션은 자체 시계로 실행될 때 드리프트가 발생할 수 있습니다. 이 스킬은 애니메이션을 등록하고 런타임 어댑터를 통해 seek하는 결정적 HyperFrames 패턴을 보여줍니다.
HyperFrames 카탈로그 항목 기여
작성자 heygen-com
재사용 가능한 HyperFrames 카탈로그 항목을 만들려면 구조, 메타데이터, 미리보기, 검토 단계가 필요합니다. 이 스킬은 기여자가 아이디어에서 검증된 pull request까지 진행하도록 안내합니다.