Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
Kinney Yan avatar

Frontend Big Brother

  • 2 repo stars
  • Updated May 14, 2026
  • kinneyyan/prompts

Front-end expert, proficient in various front-end skills, especially React and Next.js

About

frontend-big-brother is a Claude Code skill in the Frontend Development category. Front-end expert, proficient in various front-end skills, especially React and Next.js

  • frontend-big-brother
  • Frontend Development
  • AI-coding skill

Frontend Big Brother by the numbers

  • Data as of Jul 7, 2026 (Skillselion catalog sync)
/plugin marketplace add kinneyyan/prompts
/plugin install frontend-big-brother@kinney-yan-tools

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
repo stars2
Last updatedMay 14, 2026
Repositorykinneyyan/prompts

What it does

Front-end expert, proficient in various front-end skills, especially React and Next.js

README.md

prompts

A collection of rules, workflows/commands, skills, sub-agents, hooks, and commonly used configurations that I use in my daily work with coding agents (including but not limited to Cline, Kilo Code, Claude Code).

NOTE: Files in the workflows directory are being gradually merged into the commands directory to achieve unified workflows/commands management across all agents.

🚀 Quick Start

Copy the commands from setup_<platform>.sh into your terminal to copy all workflows/commands and skills from this repo to the Global configuration of Cline, Kilo Code, or Claude Code with one click:

📦 What's Inside

prompts/
├── .claude-plugin       # claude code plugin and marketplace manifest
│   └── marketplace.json # marketplace directory for /plugin marketplace add
├── claude-code          # claude code related configuration
│   ├── agents           # specialized sub-agents for delegation
│   │   ├── code-reviewer.md     # professional code review expert
│   │   └── prompt-engineer.md   # prompt engineering
│   ├── hooks
│   │   └── formatter.sh
│   ├── plugins
│   │   └── frontend-big-brother # claude code plugin provided by this repo: Frontend Big Brother
│   └── settings.json            # commonly used claude code settings
├── claude-code-router
│   └── config.json              # ccr common configuration
├── cline
│   └── hooks
│       └── PostToolUse          # cline specific hook: formatting for frontend code
├── commands                        # workflows/commands for most coding agents
│   ├── commit-after-cr-lite.md     # skill version of [Create Git Commit After Code Review]
│   ├── commit-after-cr.md          # Create Git Commit After Code Review @deprecated
│   ├── commit.md                   # Create a Git commit with a concise message based on current changes
│   ├── create-unit-test.md         # Generate corresponding frontend unit test file based on user-provided path
│   ├── gen-pages-doc.md            # Generate README.md for page files using script provided by @bud-fe/docs-gen-cli
│   ├── gen-pages-menus-overview.md # Generate overview documentation for pages and menus using script provided by @bud-fe/docs-gen-cli
│   ├── learn.md                    # /learn - Extract patterns from conversation from https://github.com/affaan-m/everything-claude-code
│   ├── plan.md                     # /plan - Implementation planning from https://github.com/affaan-m/everything-claude-code
│   └── understand.md               # Analyze and understand current project architecture
├── memory-bank                  # memory bank files
│   ├── code-spec.md              # Frontend code conventions
│   └── testing-spec.md           # Frontend unit testing conventions (EARS format)
├── rules                        # Always-follow guidelines (system prompt)
│   ├── baby-steps.md             # Small steps, rapid progress
│   └── temporal-memory-bank.md   # structured documentation system. from https://github.com/cline/prompts/blob/main/.clinerules/temporal-memory-bank.md
├── setup_claude.sh              # installation script for claude code
├── setup_cline.sh               # installation script for cline
├── setup_kilocode.sh            # installation script for kilo code
├── skills                       # domain knowledge/skill packages
│   ├── code-review                   # code review (temporarily stores metrics data locally)
│   ├── ice-js-3-development-patterns # ice.js3 project console development patterns
│   └── metrics-report                # metrics data reporting (data retrieved from local storage)
├── templates                    # some examples/best practices
│   └── ice3-project              # AGENTS.md/CLAUDE.md for ice.js3 projects
│       ├── child-app              # sub-app
│       │   ├── AGENTS.md
│       │   └── CLAUDE.md
│       └── framework-app          # main app
│           ├── AGENTS.md
│           └── CLAUDE.md
└── workflows                    # only for cline, kilo code. Gradually merge into commands/
    ├── commit-after-cr-lite.md
    ├── commit-after-cr.md
    ├── create-unit-test.md
    ├── daily-summary.md
    ├── gen-pages-doc.md
    ├── gen-pages-menus-overview.md
    └── spec.md

📝 Reference Links

Related skills

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.