htmx-claude-skill

ercan-er/htmx-claude-skill

Strict production-grade HTMX skill for Claude, Cursor & Codex. Enforces HTML-over-the-wire, server-driven UI, fragment architecture and anti-SPA best practices.

12 stars

1 forks

JavaScript

32 views

View on GitHub Add to Favorites

SKILL.md

HTMX Skill v2 (Modular)

This repository uses a modular, AI-optimized skill layout.

Core skill & rules: skill/skills.md
Activation: skill/activation.md
Reference: skill/reference/

Reference files: attributes, triggers, swap, events, server-patterns, validation, security, performance, headers, anti-patterns.

Examples and tests are unchanged and remain in examples/ and tests/.

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/ercan-er/htmx-claude-skill

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/ercan-er/htmx-claude-skill ~/.claude/skills/htmx-claude-skill

# Project-specific

git clone https://github.com/ercan-er/htmx-claude-skill .claude/skills/htmx-claude-skill

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/ercan-er/htmx-claude-skill"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/ercan-er/htmx-claude-skill

Option 2: Clone to extensions directory

git clone https://github.com/ercan-er/htmx-claude-skill ~/.gemini/extensions/htmx-claude-skill

Topics

Related Skills

everything-claude-code

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

fe-interview

前端面试每日 3+1，以面试题来驱动学习，提倡每日学习与思考，每天进步一点！每天早上5点纯手工发布面试题（死磕自己，愉悦大家），6000+道前端面试题全面覆盖，HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……

vercel-design-guidelines

Vercel's official collection of agent skills

impeccable

The design language that makes your AI harness better at design.