Community코딩 & 개발github.com

mindrally/htmx

HTML 속성을 사용하여 최소한의 JavaScript로 동적 웹 애플리케이션을 구축하기 위한 HTMX 개발 가이드라인입니다.

htmx란 무엇인가요?

이 스킬은 HTMX를 활용하여 서버 측 렌더링을 기반으로 동적 웹 애플리케이션을 구축하는 개발자와 AI 에이전트를 위한 종합 가이드라인을 제공합니다. HTMX는 HTML 속성을 통해 AJAX 요청, CSS 전환, WebSocket 및 서버 전송 이벤트(SSE)를 직접 제어할 수 있게 하여, 복잡한 JavaScript 코드 없이도 풍부한 상호작용을 구현할 수 있습니다. 주로 Claude Code, Cursor, Codex와 같은 AI 코딩 도구와 함께 사용되며, 기존 서버 측 프레임워크(예: Django, Flask, Rails 등)와 완벽하게 통합됩니다. 이 가이드는 HTMX의 핵심 개념인 `hx-get`, `hx-post`, `hx-trigger`와 같은 속성 사용법, 서버 응답 처리 방식(HX-Redirect, HX-Trigger 헤더), 그리고 점진적 향상(Progressive Enhancement) 원칙을 설명하여, 개발자가 더 빠르고 유지보수하기 쉬운 웹 애플리케이션을 만들 수 있도록 돕습니다. 또한 SEO 친화적인 접근 방식과 기존 HTML/CSS 워크플로우를 유지하는 이점을 강조합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mindrally/skills/tree/main/skills/htmx

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

htmx은(는) 무엇을 하나요?

HTML 속성을 사용하여 최소한의 JavaScript로 동적 웹 애플리케이션을 구축하기 위한 HTMX 개발 가이드라인입니다.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

mindrally/accessibility-a11y

Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.

mindrally/chrome-extension-development

Expert guidelines for Chrome extension development with Manifest V3, covering security, performance, and best practices. Use when building browser extensions, creating popup UIs, implementing content scripts, working with Chrome APIs, managing extension permissions, or publishing to Chrome Web Store.

mindrally/computer-vision-opencv

Expert guidance for computer vision development using OpenCV, PyTorch, and modern deep learning techniques for image and video processing.

mindrally/data-analysis-jupyter

Expert guidance for data analysis, visualization, and Jupyter Notebook development with pandas, matplotlib, seaborn, and numpy.

mindrally/deep-learning-pytorch

Expert guidance for deep learning, transformers, diffusion models, and LLM development with PyTorch, Transformers, Diffusers, and Gradio.

mindrally/expo-react-native-typescript

Expert in Expo React Native TypeScript mobile development with best practices

mindrally/fastapi-python

Expert in FastAPI Python development with best practices for APIs and async operations

mindrally/framer-motion

Expert guidelines for building performant animations with Framer Motion/Motion library in React applications

mindrally/jwt-security

Guidelines for implementing JWT authentication with security best practices for token creation, validation, and storage

mindrally/machine-learning

Machine learning development with JAX, functional programming patterns, and high-performance computing.

mindrally/mysql-best-practices

MySQL development best practices for schema design, query optimization, and database administration

mindrally/nextjs-react-typescript

Expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind

mindrally/nextjs-typescript-tailwindcss-supabase

Full-stack Next.js 14 development with TypeScript, TailwindCSS, and Supabase for building production-ready web applications.

mindrally/odoo-development

Expert guidance for Odoo ERP development including Python ORM, XML views, and module architecture

mindrally/puppeteer-automation

Expert guidance for browser automation using Puppeteer with best practices for web scraping, testing, screenshot capture, and JavaScript execution in headless Chrome.

mindrally/redis-best-practices

Redis development best practices for caching, data structures, and high-performance key-value operations

mindrally/scrapy-web-scraping

Expert guidance for building web scrapers and crawlers using the Scrapy Python framework with best practices for spider development, data extraction, and pipeline management.

mindrally/scss-best-practices

SCSS/Sassy CSS best practices and coding guidelines for maintainable, scalable stylesheets

mindrally/typeorm

Guidelines for developing with TypeORM, a full-featured ORM for TypeScript and JavaScript supporting multiple databases

mindrally/web-scraping

Expert in web scraping and data extraction with Python tools

관련 스킬