frontend-dev-guidelines

bcl1713/ChoreQuest

Frontend development guidelines for React/TypeScript with Next.js and Tailwind CSS. Modern patterns including Suspense, lazy loading, file organization with features directory, Tailwind styling, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

0 stars

0 forks

8 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/bcl1713/ChoreQuest/tree/main/.claude/skills/frontend-dev-guidelines

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/bcl1713/ChoreQuest/tree/main/.claude/skills/frontend-dev-guidelines ~/.claude/skills/ChoreQuest

# Project-specific

git clone https://github.com/bcl1713/ChoreQuest/tree/main/.claude/skills/frontend-dev-guidelines .claude/skills/ChoreQuest

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/bcl1713/ChoreQuest/tree/main/.claude/skills/frontend-dev-guidelines"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/bcl1713/ChoreQuest/tree/main/.claude/skills/frontend-dev-guidelines

Option 2: Clone to extensions directory

git clone https://github.com/bcl1713/ChoreQuest/tree/main/.claude/skills/frontend-dev-guidelines ~/.gemini/extensions/ChoreQuest