스킬 htmx-skill
📦

htmx-skill

콘텐츠 리비전 r1 안전 🌐 네트워크 접근📁 파일 시스템 접근⚡ 스크립트 포함⚙️ 외부 명령어

로컬 레퍼런스로 htmx 인터페이스 구축하기

htmx 질문에는 정확한 속성, 이벤트, 헤더 동작이 필요한 경우가 많습니다. 이 skill은 Claude, Codex, Claude Code에 로컬 htmx 레퍼런스 인덱스를 제공합니다.

지원: Claude Codex Code(CC)
Maintain this Skill? Claim it 🥈 80 실버

내 에이전트로 설치

이 요청을 에이전트에 복사하세요. 공식 Skill 페이지와 매니페스트가 포함되어 있습니다.

에이전트 요청
Review the Skillstore skill "htmx-skill" from https://skillstore.io/skills/drzoot-htmx-skill.md and its manifest at https://skillstore.io/api/skills/drzoot-htmx-skill/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

에이전트는 계속해서 계획을 표시하고 보안 정책에서 요구하는 확인을 요청해야 합니다.

에이전트가 읽기 쉬운 리소스

AI 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.

Markdown 상세 GET /skills/drzoot-htmx-skill.md 서명된 manifest GET /api/skills/drzoot-htmx-skill/manifest 서명된 lockfile GET /api/skills/drzoot-htmx-skill/lockfile

테스트해 보기

"htmx-skill" 사용 중입니다. htmx로 모달을 어떻게 로드해야 하나요?

예상 결과:

  • 모달 예제를 시작점으로 사용하세요.
  • 대상 요소, swap 전략, 닫기 동작을 확인하세요.
  • 예제 마크업을 재사용하기 전에 서버 응답을 검증하세요.

"htmx-skill" 사용 중입니다. 언제 hx-vals를 사용해야 하나요?

예상 결과:

  • 간단한 요청 매개변수에는 정적 JSON 값을 사용하세요.
  • 사용자가 제어하는 입력과 함께 평가되는 값은 피하세요.
  • 동적 JavaScript 값을 사용하기 전에 보안 참고 사항을 읽으세요.

"htmx-skill" 사용 중입니다. htmx 응답 헤더는 어디에 문서화되어 있나요?

예상 결과:

이 skill은 헤더 레퍼런스 페이지를 안내하고 각 헤더의 목적을 설명합니다.

보안 감사

안전
v8 • 2026. 7. 5. 버전별 보고서 열기

AI review found no evidence of malicious intent, prompt injection, credential theft, or unauthorized execution. The static findings are false positives from htmx documentation examples, Markdown formatting, license URLs, and a scoped manual builder script.

86
스캔된 파일
8,407
분석된 줄 수
0
검토 항목
0
오탐 무시됨

위험 요인

🌐 네트워크 접근 (55)
config.yaml:13 config.yaml:14 htmx_builder.py:130 htmx_builder.py:133 htmx_builder.py:152 htmx_builder.py:155 LICENSE:3 LICENSE:195 references/api.md:181 references/api.md:163 references/attributes/hx-ext.md:6 references/attributes/hx-validate.md:4 references/events.md:23 references/events.md:44 references/events.md:59 references/events.md:70 references/events.md:89 references/events.md:108 references/events.md:120 references/events.md:136 references/events.md:157 references/events.md:286 references/events.md:297 references/events.md:310 references/events.md:390 references/events.md:415 references/events.md:441 references/events.md:452 references/events.md:463 references/events.md:484 references/events.md:501 references/events.md:508 references/examples/confirm.md:12 references/examples/confirm.md:31 references/extensions/head-support.md:2 references/extensions/head-support.md:17 references/extensions/head-support.md:18 references/extensions/head-support.md:82 references/extensions/head-support.md:93 references/extensions/head-support.md:113 references/extensions/htmx-1-compat.md:8 references/extensions/htmx-1-compat.md:9 references/extensions/idiomorph.md:15 references/extensions/idiomorph.md:16 references/extensions/preload.md:47 references/extensions/preload.md:7 references/extensions/preload.md:100 references/extensions/preload.md:14 references/extensions/preload.md:15 references/extensions/response-targets.md:25 references/extensions/response-targets.md:26 references/extensions/sse.md:28 references/extensions/sse.md:29 references/extensions/ws.md:22 references/extensions/ws.md:23
📁 파일 시스템 접근 (4)
htmx_builder.py:252 htmx_builder.py:333 htmx_builder.py:356 references/examples/inline-validation.md:93
⚡ 스크립트 포함 (4)
references/api.md:393 references/examples/modal-uikit.md:73 references/examples/web-components.md:12 references/examples/web-components.md:46
⚙️ 외부 명령어 (28)
references/examples/confirm.md:44-57 references/examples/sortable.md:15-21 references/examples/sortable.md:21-27 references/examples/sortable.md:27-33 references/examples/web-components.md:15-19 references/extensions/head-support.md:37-38 references/extensions/head-support.md:38-39 references/extensions/htmx-1-compat.md:28-29 references/extensions/htmx-1-compat.md:29-30 references/extensions/idiomorph.md:40-41 references/extensions/idiomorph.md:41-42 references/extensions/preload.md:34-35 references/extensions/preload.md:35-36 references/extensions/response-targets.md:45-46 references/extensions/response-targets.md:46-47 references/extensions/sse.md:47-48 references/extensions/sse.md:48-49 references/extensions/ws.md:41-42 references/extensions/ws.md:42-43 references/headers/hx-trigger.md:26-28 SKILL.md:9 SKILL.md:35 SKILL.md:41 SKILL.md:62 SKILL.md:80 SKILL.md:83 SKILL.md:104 SKILL.md:264
가장 최근에 완료된 정적·의미론적 감사에서 확인된 보안 발견 사항이 감지되지 않았습니다. 이는 스킬에 부작용이 없음을 증명하지 않습니다.
감사자: codex 감사 이력 보기 →
이 보고서 공유 및 인용

버전이 지정된 평가 보고서, 중립 배지, 임베드 카드 및 인용을 공유하세요. Skillstore는 근거를 보고하지만 이 Skill의 안전 여부를 판단하지 않습니다.

버전별 보고서 열기
보안 평가

보고서 링크 복사

https://skillstore.io/skills/drzoot-htmx-skill/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 배지

[![Skillstore security assessment](https://skillstore.io/badges/skills/drzoot-htmx-skill/security.svg)](https://skillstore.io/skills/drzoot-htmx-skill?utm_source=security_passport_badge)

HTML 배지

<a href="https://skillstore.io/skills/drzoot-htmx-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/drzoot-htmx-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

임베드 카드

<iframe src="https://skillstore.io/embed/skills/drzoot-htmx-skill.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
학술 인용 (APA · BibTeX · CFF)

APA 인용

DrZoot. (2026). htmx-skill security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/drzoot-htmx-skill/audits/8

BibTeX 인용

@techreport{drzoot-drzoot-htmx-skill-2026, author = {DrZoot}, title = {htmx-skill security audit report (audit version 8)}, institution = {Skillstore}, year = {2026}, number = {8}, url = {https://skillstore.io/skills/drzoot-htmx-skill/audits/8}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "htmx-skill security audit report (audit version 8)" version: "unspecified" type: report authors: - name: "DrZoot" date-released: "2026-07-05" url: "https://skillstore.io/skills/drzoot-htmx-skill/audits/8" identifiers: - type: other value: "skillstore:drzoot-htmx-skill:audit:8" description: "Skillstore immutable audit report identifier"

Skillstore 점수

이 점수의 이유 증거 신뢰도: 높음
64
아키텍처
85
유지보수성
85
콘텐츠
71
커뮤니티
83
사양 준수

만들 수 있는 것

htmx 속성 구현

서버 렌더링 페이지에 동적 요청을 추가하기 전에 정확한 속성 동작을 찾아봅니다.

서버 응답 설계

예측 가능한 htmx 응답에 필요한 헤더, 이벤트, swap 동작을 찾습니다.

htmx 패턴 설명

팀을 위한 명확한 가이드를 작성할 때 예제와 API 페이지를 참조합니다.

이 프롬프트를 사용해 보세요

속성 찾기 
hx-target에 대한 htmx 레퍼런스 페이지를 찾고 언제 사용해야 하는지 설명하세요.
두 패턴 비교 
여러 페이지 영역을 업데이트하기 위해 hx-swap과 hx-swap-oob를 비교하세요.
기능 계획 
로컬 레퍼런스 예제와 헤더를 사용해 htmx 모달 폼 워크플로를 계획하세요.
htmx 사용 검토 
보안, swap 동작, 유효성 검사, 이벤트 처리 측면에서 제 htmx 접근 방식을 검토하세요.

모범 사례

  • 자세한 htmx 질문에 답하기 전에 가장 구체적인 레퍼런스 페이지를 여세요.
  • 예제를 시작점으로 취급하고 모든 서버 측 동작을 검증하세요.
  • 평가되는 값, 헤더, 사용자 생성 콘텐츠에 대한 보안 참고 사항을 확인하세요.

피하기

  • 서버 검증 없이 모든 htmx 요청이 안전하다고 가정하지 마세요.
  • 신뢰할 수 없는 입력과 함께 평가되는 속성 값을 사용하지 마세요.
  • CDN 예제를 유일한 설치 방법으로 제시하지 마세요.

자주 묻는 질문

이 skill은 무엇을 다루나요?
htmx 속성, 이벤트, 헤더, API 메서드, 확장, 예제 및 관련 패턴을 다룹니다.
실행 가능한 코드가 포함되어 있나요?
문서와 예제를 포함하지만 애플리케이션을 실행하지는 않습니다.
정확한 구문 질문에 답할 수 있나요?
예. 로컬 레퍼런스 파일을 사용해 구문 및 동작 관련 질문에 답합니다.
공식 htmx 사이트를 대체하나요?
아니요. 로컬 스냅샷이며 최신 공식 문서보다 뒤처질 수 있습니다.
보안 검토에 유용한가요?
문서화된 보안 참고 사항을 강조할 수는 있지만 전체 애플리케이션 테스트를 수행하지는 않습니다.
어떤 도구에서 사용할 수 있나요?
보고서에는 Claude, Codex, Claude Code가 지원 도구로 나열되어 있습니다.

개발자 세부 정보

작성자

DrZoot

라이선스

MIT

Skillstore 리비전

r1

버전 안내

작성자가 버전을 선언하지 않았습니다.

리포지토리

https://github.com/DrZoot/htmx-skill/tree/main/

참조

c579efd02184f1128d6741d16e6c8d951d7d4208

유지보수 최신성

2026. 7. 18.

사용량

17 다운로드 · 238 조회

파일 구조

📁 references/

📁 attributes/

📄 hx-boost.md

📄 hx-confirm.md

📄 hx-delete.md

📄 hx-disable.md

📄 hx-disabled-elt.md

📄 hx-disinherit.md

📄 hx-encoding.md

📄 hx-ext.md

📄 hx-get.md

📄 hx-headers.md

📄 hx-history-elt.md

📄 hx-history.md

📄 hx-include.md

📄 hx-indicator.md

📄 hx-inherit.md

📄 hx-on.md

📄 hx-params.md

📄 hx-patch.md

📄 hx-post.md

📄 hx-preserve.md

📄 hx-prompt.md

📄 hx-push-url.md

📄 hx-put.md

📄 hx-replace-url.md

📄 hx-request.md

📄 hx-select-oob.md

📄 hx-select.md

📄 hx-swap-oob.md

📄 hx-swap.md

📄 hx-sync.md

📄 hx-target.md

📄 hx-trigger.md

📄 hx-validate.md

📄 hx-vals.md

📄 hx-vars.md

📁 examples/

📁 move-before/

📄 details.md

📄 active-search.md

📄 animations.md

📄 async-auth.md

📄 bulk-update.md

📄 click-to-edit.md

📄 click-to-load.md

📄 confirm.md

📄 delete-row.md

📄 dialogs.md

📄 edit-row.md

📄 file-upload-input.md

📄 file-upload.md

📄 infinite-scroll.md

📄 inline-validation.md

📄 keyboard-shortcuts.md

📄 lazy-load.md

📄 modal-bootstrap.md

📄 modal-custom.md

📄 modal-uikit.md

📄 progress-bar.md

📄 reset-user-input.md

📄 sortable.md

📄 tabs-hateoas.md

📄 tabs-javascript.md

📄 update-other-content.md

📄 value-select.md

📄 web-components.md

📁 extensions/

📄 building.md

📄 head-support.md

📄 htmx-1-compat.md

📄 idiomorph.md

📄 preload.md

📄 response-targets.md

📄 sse.md

📄 ws.md

📁 headers/

📄 hx-location.md

📄 hx-push-url.md

📄 hx-push.md

📄 hx-redirect.md

📄 hx-replace-url.md

📄 hx-trigger.md

📄 api.md

📄 events.md

📄 _post_SKILL.md

📄 _pre_SKILL.md

📄 config.yaml

📄 htmx_builder.py

📄 LICENSE

📄 README.md

📄 SKILL.md