npx claudepluginhub tody-agent/codymaster --plugin cmThis skill uses the workspace's default tool permissions.
resources/halo-modern.mdresources/lunaris-advanced.mdresources/nitro-enterprise.mdresources/shadcn-default.mdEnables AI agents to execute x402 payments with per-task budgets, spending controls, and non-custodial wallets via MCP tools. Use when agents pay for APIs, services, or other agents.
Compares coding agents like Claude Code and Aider on custom YAML-defined codebase tasks using git worktrees, measuring pass rate, cost, time, and consistency.
Designs and optimizes AI agent action spaces, tool definitions, observation formats, error recovery, and context for higher task completion rates.
Establish a robust, stable, and consistent UI Design System by either extracting tokens from an existing source (Harvester mode) or scaffolding a fresh system based on premium Kits (Shadcn, Halo, Lunaris, Nitro). Output a strictly formatted DESIGN.md artifact ready for UI generation.
Clarify Intent: Determine if the user wants to extract an existing design from a URL/Image or create a new system from a specific UI Kit.
Harvester Extraction (If applicable):
Pre-built UI Kits (Default Mode):
skills/cm-design-system/resources/ into the project's .stitch/DESIGN.md or pass directly to cm-ui-preview:
shadcn-default.md (Use this as the absolute DEFAULT if no style is specified)halo-modern.md (Premium dark mode, glowing accents)lunaris-advanced.md (Tech-focused, monospaced fonts)nitro-enterprise.md (High-contrast, data-dense enterprise)Pencil.dev & Google Stitch MCP:
DESIGN.md with <!-- STITCH_TOKENS_START --> JSON block to feed design tokens into Google Stitch's AI generator via cm-ui-preview..pen design files directly:Pencil.dev Workflow:
1. open_document() → Create/open a .pen file
2. get_guidelines("web-app") → Load design rules for target platform
3. get_style_guide_tags() → Browse available style tags
4. get_style_guide(tags) → Get color palette, typography, spacing
5. set_variables() → Apply design tokens as .pen variables
6. batch_get(reusable:true)→ Read existing design system components
7. batch_design() → Insert/update components and screens
8. get_screenshot() → Verify visual output
Mapping DESIGN.md tokens to .pen variables:
mcp_pencil_set_variables({
filePath: "design-system.pen",
variables: {
"primary": { "type": "color", "value": "#3B82F6" },
"secondary": { "type": "color", "value": "#10B981" },
"surface": { "type": "color", "value": "#FFFFFF" },
"text-primary": { "type": "color", "value": "#0F172A" },
"border-radius": { "type": "number", "value": 8 },
"spacing-sm": { "type": "number", "value": 8 },
"spacing-md": { "type": "number", "value": 16 },
"spacing-lg": { "type": "number", "value": 32 }
}
})
cm-ui-preview.view_file or grep_search on .pen files. Always use mcp_pencil_batch_get.Export Custom DESIGN.md (Extraction Mode):
DESIGN.md document.<!-- STITCH_TOKENS_START --> and <!-- STITCH_TOKENS_END -->.Input: "Can you extract the design system from stripe.com to use in our project?" Action:
DESIGN.md including the Stitch STITCH_TOKENS JSON block with these tokens.DESIGN.md. Would you like me to hand this off to cm-ui-preview to generate components?"Input: "Create a modern dark-mode design system using Halo UI kit." Action:
DESIGN.md with STITCH_TOKENS.Input: "Create a design system for our SaaS dashboard directly in Pencil.dev." Action:
.pen file: mcp_pencil_open_document({ filePathOrTemplate: "new" }).mcp_pencil_get_guidelines({ topic: "design-system" }).mcp_pencil_get_style_guide_tags() → mcp_pencil_get_style_guide({ tags: ["saas", "dashboard", "modern", "website", "clean"] }).mcp_pencil_set_variables() using the style guide's recommendations.mcp_pencil_batch_design().mcp_pencil_get_screenshot().design-system.pen. Would you like me to build screens using these components?"cm-ui-preview.<!-- STITCH_TOKENS_START --> wrapper in DESIGN.md. It is critical for Stitch MCP parsing.cm-ux-master heuristics).view_file or grep_search on .pen files. Always use Pencil MCP tools (batch_get, batch_design, etc.).