By LifeSG
VS Code agent plugin that builds web applications strictly following the Flagship Design System — enforces FDS components, tokens, and accessibility patterns across every Copilot suggestion.
Guided web application builder with product thinking for product managers. Combines problem framing, user stories, and MVP scoping with hands-on implementation — translating product goals into working React applications using the Flagship Design System (FDS). Activate when a product manager wants to define, scope, build, extend, or prototype a web application — no coding experience required.
Hands-on React implementation specialist for FDS web applications. Builds pages, components, and features using React 19.2+ with TypeScript, strictly within the Flagship Design System. Invoked as a subagent by the Product Manager — not user-facing.
Specialist subagent that analyzes a user's prompt, returns a single improved version optimized for better Copilot responses, and explains the prompt engineering principles applied. Invoked by the prompt-refinement instruction -- not user-facing.
Flagship Design System (FDS) knowledge for @lifesg/react-design-system — component catalogue, token reference, and Figma-to-FDS mapping heuristics. Use when implementing UI with FDS components or analysing which Figma elements can be fulfilled by FDS.
GCC deployment via Rabbit Deploy — initialize a local project with git, configure the Rabbit Deploy GitLab remote with a Project Access Token, and push to trigger automatic deployment. Use when a user wants to deploy their project to GCC using Rabbit Deploy, set up version control for the first time, or push code changes to trigger the CI/CD pipeline.
Initialize a new Vite + React + TypeScript frontend project with Flagship Design System (@lifesg/react-design-system) pre-configured. Use when user wants to scaffold a new web application using FDS components.
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A curated collection of GitHub Copilot agent plugins for the Singapore Government digital ecosystem
This repository is a marketplace of GitHub Copilot agent plugins. Each plugin ships a curated set of customization files — agents, instruction files, prompts, and skills — that are installed directly into a user's VS Code workspace.
Plugins are independent and self-contained. Install only the ones relevant to your project.
| Plugin | Description |
|---|---|
| ccube-fds-web-app-builder | Turns Copilot into an AI web app developer that builds React applications strictly following the Flagship Design System (FDS) |
| ccube-frontend-dev | VS Code agent plugin for frontend development knowledge — React 18/19 patterns, React fundamentals, CSS essentials, and styled-components best practices |
| ccube-software-craft | Brings principal-level software engineering knowledge into Copilot — architecture decisions, system design, clean code, git workflow, EP authoring, and markdown standards |
| ccube-ux-designers | Gives Copilot the knowledge to create validated DESIGN.md files by browsing live design system documentation directly in the integrated browser |
Do you work at GovTech?
If yes, you must complete the Copilot licence signup before continuing: Sign up for agentic AI coding tools (without MCP)
If you do not work at GovTech, skip this and go straight to Step 1.
This step tells VS Code where to find the CCube plugins. You only need to do this once.
Open User Settings JSON and press Enter{ }. Add the following block
inside the outermost { }. If the file already has other settings,
add a comma after the last existing entry before pasting this:
"chat.plugins.marketplaces": [
"https://github.com/LifeSG/ccube-agent-plugin-marketplace.git"
]
When done, the relevant part of your file should look like this:
{
.........
"some.existing.setting": true,
"chat.plugins.marketplaces": [
"https://github.com/LifeSG/ccube-agent-plugin-marketplace.git"
]
}
You should see no error highlighting in the file. If VS Code shows a
red underline, check that every line ends with a comma except the last
entry before a closing } or ].
If you have never enabled agent plugins before, you need to turn the feature on first.
Open User Settings JSON and press Enter — a file called
settings.json opens} at the very end of the file. Place your cursor
on the line just above it and add the following line. If the line
above already ends with } or ], add a comma first:
"chat.plugins.enabled": true
Open the Extensions view (Cmd + Shift + X on Mac) You should now see an Agent Plugins section

npx claudepluginhub lifesg/ccube-agent-plugin-marketplace --plugin ccube-fds-web-app-builderVS Code agent plugin for software engineering knowledge — SOLID principles, design patterns, clean code, architecture styles, git workflow, testing strategy, and debugging methodology.
VS Code agent plugin for frontend development knowledge — React 18/19 patterns, React fundamentals, CSS essentials, and styled-components best practices.
VS Code agent plugin for UX designers — creates and validates DESIGN.md files by browsing live design system documentation directly in the integrated browser.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Multi-model consensus engine integrating OpenAI Codex CLI, Gemini CLI, and Claude CLI for collaborative code review and problem-solving.
Curate auto-memory, promote learnings to CLAUDE.md and rules, extract proven patterns into reusable skills.
Editorial "Web Designer" bundle for Claude Code from Antigravity Awesome Skills.
Harness-native ECC operator layer - 67 agents, 271 skills, 92 legacy command shims, reusable hooks, rules, selective install profiles, and production-ready workflows for Claude Code, Codex, OpenCode, Cursor, and related agent harnesses