Classroom Agent Kit — Development skill for Claude Code

Google Classroom Agent & Web Sync Kit 🔗

This kit contains a dual-channel integration system for Google Classroom:

1. Web Frontend Synchronization: Client-side Google OAuth 2.0 (Google Identity Services) for multi-account compatibility without server session conflicts.
2. Terminal CLI Control: A Node.js command-line interface (classroom-cli) allowing local AI coding assistants (like Antigravity, Claude Code, Cline, etc.) to list courses, import student rosters, list coursework, and post announcements directly from the chat prompt.

---

📂 Project Structure

├── index.html          # Web UI with integrated Google Classroom login popup
├── app.js              # Client-side OAuth flow and Classroom REST API calling logic
├── style.css           # Styling guidelines for the Classroom panels
├── classroom-cli.js    # CLI Script for local API interaction
└── package.json        # Node.js dependencies and bin path mapping

---

⚙️ Google Cloud Platform Configuration (For Setup)

To use either the web interface or the CLI command, you must configure credentials in the [Google Cloud Console](https://console.cloud.google.com/):

1. Enable Classroom API

• Search for Google Classroom API in your project search bar and click Enable.
• Go to OAuth Consent Screen (OAuth 同意畫面) -> Select External -> Add your test Google accounts in Test Users (important for developer status).
• Ensure scopes classroom.courses.readonly, classroom.rosters.readonly, and classroom.announcements (or classroom.coursework.me / classroom.coursework.students for coursework) are added.

2. OAuth Credentials Setup

A. Web App Client ID (For Browser Sync)

• Go to Credentials -> Create Credentials -> OAuth client ID -> select Web application.
• Under Authorized JavaScript origins, add your local address (http://localhost:5500) and your production Netlify address (https://your-app.netlify.app).
• Copy the generated Web Client