OPC-Starter is a React and TypeScript application starter for building AI-friendly products, with authentication, organization management, an agent-driven UI, data synchronization, and reusable interface components. Developers use it as a foundation for a single-person or small-team company application, with mock or real Supabase backends. Its catalogue entries provide the skills, commands, rules, agents, and instructions used to develop the starter with AI coding tools.
This repository also configures its own agents. See what opc-starter tells them →
Skill Claude CodeCodex ✓ vendor
Plan UX patterns and design specifications. Use when the user says "lets create UX design" or "create UX specifications" or "help me plan the UX".
Skill Claude CodeCodex ✓ vendor
DEPRECATED — consolidated into bmad-prd validate intent - this skill will be removed in v7 in favor of bmad-prd.
Skill Claude CodeCodex ✓ vendor
Builds, converts, and analyzes workflows and skills. Use when the user requests to "build a workflow", "modify a workflow", "quality check workflow", "analyze skill", or "convert a skill".
Skill Claude Code ✓ vendor
Development guidance for an AI-assisted React starter project, including test-driven development (TDD), where tests are written to guide implementation.
Skill Claude CodeCodex ✓ vendor
Runs .continue/checks locally against the current diff, simulating a PR review before pushing.
Skill Cursor ✓ vendor
A repository review workflow for checking how suitable a codebase is for AI coding tools. It covers front-end, back-end, and full-stack projects across several common programming languages.
Skill Claude CodeCodex ✓ vendor
Create distinctive, production-grade frontend interfaces with high design quality using Mobile First strategy. Analyzes design systems from screenshots, generates Tailwind CSS + Shadcn UI configurations, and retrofits existing projects. Optimized for Claude Opus 4.5 with structured decision trees and self-verification…
Skill Claude Code ✓ vendor
Deploys React/Vite applications to Alibaba Cloud ESA Pages. Use when the user needs to deploy frontend applications, manage deployments, configure custom domains, or troubleshoot deployment issues on ESA (Edge Security Acceleration) platform.
Skill Claude CodeCodex ✓ vendor
A repository health assessment tool for measuring how an AI coding environment affects a code repository over time.
Skill Claude Code ✓ vendor
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
Skill Claude CodeCodex ✓ vendor
A test-driven development guide for the alibaba/opc-starter project. Test-driven development, or TDD, means writing a test before the code that makes it pass.
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: