By ankish8
Create UIs matching the myOperator design system aesthetic. Generates standalone React/HTML/CSS code with consistent visual language.
Installable plugins for Claude Code and Cursor.
Use this repo for:
AGENTS.md for tools that support agent instruction files| I want... | Install this |
|---|---|
| Claude Code: design plugin | /plugin install myoperator-design@myoperator-plugins |
| Claude Code: dev workflow plugin | /plugin install myoperator-workflows@myoperator-plugins |
| Cursor: design plugin | myoperator-cursor-design from the Cursor Marketplace / team marketplace |
| Cursor: dev workflow plugin | myoperator-cursor-workflows from the Cursor Marketplace / team marketplace |
| Any tool with agent instructions | cp AGENTS.md ./AGENTS.md |
Run these inside a Claude Code session:
1. Register the marketplace
/plugin marketplace add Ankish8/myoperator-plugins
2. Install the plugins you want
/plugin install myoperator-design@myoperator-plugins
/plugin install myoperator-workflows@myoperator-plugins
Recommended Claude setup:
myoperator-design — design system generation and UI guidancemyoperator-workflows — day-to-day dev commands for creating components and shipping releasesUpdate:
/plugin update myoperator-design@myoperator-plugins
/plugin update myoperator-workflows@myoperator-plugins
Team setup for .claude/settings.json:
{
"extraKnownMarketplaces": {
"myoperator-plugins": {
"source": {
"source": "github",
"repo": "Ankish8/myoperator-plugins"
}
}
}
}
This repo includes installable Cursor plugins through:
.cursor-plugin/marketplace.json
Recommended Cursor setup:
myoperator-cursor-design — installable design-system rulesmyoperator-cursor-workflows — installable dev workflow commandsInstall them through the Cursor Marketplace or a Cursor Team Marketplace that imports this repository.
Manual fallback is still available if needed:
mkdir -p .cursor/rules .cursor/commands
cp ai-rules/cursor/*.mdc .cursor/rules/
cp ai-rules/cursor/commands/*.md .cursor/commands/
AGENTS.md works across many tools and is the simplest cross-editor option.
cp AGENTS.md ./AGENTS.md
If you only copy one file, copy this one.
| Plugin | Description |
|---|---|
myoperator-design | Claude Code plugin for myOperator UI generation and design-system guidance |
myoperator-workflows | Claude Code dev workflow plugin for /create-component and /publish-all |
myoperator-cursor-design | Cursor plugin with installable myOperator design rules |
myoperator-cursor-workflows | Cursor dev workflow plugin with installable component and publish commands |
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Automated publishing workflow for myOperator UI CLI and MCP packages
Intelligent React component creation with design system validation, Figma integration, and automated testing
Create UIs matching the myOperator design system aesthetic. Generates standalone React/HTML/CSS code with consistent visual language.
Developer workflow plugin for myOperator component creation and release publishing
Intelligent React component creation with design system validation, Figma integration, and automated testing
npx claudepluginhub ankish8/myoperator-plugins --plugin myoperator-designUse this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful, functional interfaces that can be implemented quickly within 6-day sprints. Examples:\n\n<example>\nContext: Starting a new app or feature design
Design-focused skill for Claude integrating SuperDesign capabilities for visual asset creation and design automation.
Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standards, building component libraries, or ensuring cross-team consistency.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
Design engineering skill + system for AI coding agents: anti-slop UI, outcome recipes, spec-driven design, design-review + a11y agents, MCP quality gates.
Frontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and more