Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By ankish8
Create UIs matching the myOperator design system aesthetic. Generates standalone React/HTML/CSS code with consistent visual language.
npx claudepluginhub ankish8/myoperator-plugins --plugin myoperator-designInstallable 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 |
Share bugs, ideas, or general feedback.
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Use 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
Suite of tools for creating elaborate, multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui. Use for complex artifacts requiring state management, routing, or shadcn/ui components.
Design engineering for Claude Code. Build interfaces with craft, memory, and consistency. Maintains design decisions across sessions.
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.
Production-grade frontend interfaces that avoid generic AI aesthetics. Based on Anthropic's Frontend Designer Skill with bold creative commitment.
Open-source, skills-based version of Claude Design (claude.ai/design) for Claude Code. HTML pages, slide decks, interactive prototypes, UI kits, and brand systems — with taste, context-matching, and anti-slop discipline.
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.
Automated publishing workflow for myOperator UI CLI and MCP packages
Developer workflow plugin for myOperator component creation and release publishing
Intelligent React component creation with design system validation, Figma integration, and automated testing
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claim