CS Style Grading Assistant

Chrome extension MVP for AI-assisted CS code style grading.

Install In Chrome Developer Mode

1. Open Chrome and go to chrome://extensions.

2. Turn on Developer mode in the top-right corner.

3. Click Load unpacked.

4. Select this project folder:

   style-grading-assistant
   

5. Pin the extension from the Chrome toolbar if you want quick access.

After editing extension files, return to chrome://extensions and click the reload button for this extension. Then refresh any grading page tab so Chrome injects the latest content script.

Configure The LLM Backend

1. Click the extension toolbar icon.
2. Enter:
   • API key
   • Base URL
   • Model name
3. Click Save settings.

Example OpenAI-compatible settings:

Base URL: https://api.openai.com/v1
Model:    gpt-4o

Example Gemini OpenAI-compatible settings:

Base URL: https://generativelanguage.googleapis.com/v1beta/openai
Model:    gemini-2.5-flash-lite

Example Claude OpenAI-compatible settings:

Base URL: https://api.anthropic.com/v1
Model:    claude-sonnet-4-20250514

Use

Open a grading page that renders code lines with Prism elements using the token-line class. Click Grade Style in the bottom-right corner. The extension scrapes the code, sends it to the configured LLM backend, and renders style flags in the sidebar.