senior-frontend

donggyun112/ai-librarian

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.

3 stars

1 forks

21 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/donggyun112/ai-librarian/tree/main/.claude/skills/senior-frontend

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/donggyun112/ai-librarian/tree/main/.claude/skills/senior-frontend ~/.claude/skills/ai-librarian

# Project-specific

git clone https://github.com/donggyun112/ai-librarian/tree/main/.claude/skills/senior-frontend .claude/skills/ai-librarian

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/donggyun112/ai-librarian/tree/main/.claude/skills/senior-frontend"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/donggyun112/ai-librarian/tree/main/.claude/skills/senior-frontend

Option 2: Clone to extensions directory

git clone https://github.com/donggyun112/ai-librarian/tree/main/.claude/skills/senior-frontend ~/.gemini/extensions/ai-librarian