form-system

JasonPaff/head-shakers

Enforces Head Shakers form system conventions when creating or modifying forms using the custom TanStack Form integration. This skill covers useAppForm hook usage, field components, focus management, validation patterns, and accessibility requirements.

1 stars

0 forks

30 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/JasonPaff/head-shakers/tree/main/.claude/skills/form-system

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/JasonPaff/head-shakers/tree/main/.claude/skills/form-system ~/.claude/skills/head-shakers

# Project-specific

git clone https://github.com/JasonPaff/head-shakers/tree/main/.claude/skills/form-system .claude/skills/head-shakers

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/JasonPaff/head-shakers/tree/main/.claude/skills/form-system"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/JasonPaff/head-shakers/tree/main/.claude/skills/form-system

Option 2: Clone to extensions directory

git clone https://github.com/JasonPaff/head-shakers/tree/main/.claude/skills/form-system ~/.gemini/extensions/head-shakers