Skills
Brand-Consistent Illustration Set Generation Skill
This skill manages the challenge of maintaining brand style across multiple assets by injecting a structured brand bundle, including palette constraints and style references. It supports progressive style locking, allowing initial human-gat…
Maintain Brand Consistency Across Assets
This skill enforces visual coherence across multi-asset brand sets by managing a central BrandBundle containing palettes, typography, and style references. It validates generated assets using advanced metrics like ΔE2000 and CSD similarity …
Asset Generation Diagnosis and Repair Skill
This skill diagnoses and repairs failures in automated asset generation by mapping validation error codes to specific repair primitives. It implements a retry budget and routing logic to resolve issues such as palette drift, transparency er…
Automated pipeline for production software assets
This skill manages the entire lifecycle of generating production-grade software assets, classifying the asset type and routing the request to the optimal generation method. It supports advanced workflows including inline SVG generation, ext…
Raster to SVG Vectorisation Pipeline
Converts raster images to optimised SVGs using Recraft, vtracer, or potrace pathways. It incorporates automated quality validation via path count analysis and SVGO-driven optimisation.
UI Brief to Designer Mockup Prompt Generator
This skill translates a functional UI brief into a highly constrained, paste-ready prompt for advanced image generation models. It intelligently selects the optimal model and enforces anti-slop design rules to ensure the output provides gen…
Generating Assets with True RGBA Transparency
Implements a hierarchical workflow to produce RGBA-transparent assets from text-to-image models, overcoming checkerboard artifacts and flat backgrounds using native-RGBA providers, matting models, and automated alpha validation.
Model-Specific Image Prompt Dialect Generator
This skill translates a normalized asset brief into a highly specific prompt dialect tailored for various text-to-image models. It intelligently handles model quirks, such as token budgets, negative prompt syntax, text-in-image ceilings, an…
Automated Open Graph Image Generation
Generates deterministic 1200×630 Open Graph and Twitter Card images using Satori and resvg-js. It supports template-based layouts with optional diffusion-generated background layers for hero art.
Authoring production-grade inline SVG assets
This skill generates production-grade, constrained inline SVG assets (logos, favicons, icons) by adhering to strict design principles, path budgets, and viewbox rules. It ensures small-scale legibility and structural integrity across variou…
Codemod Implementation Patterns and Workflow
A guide for implementing automated code transformations using AST-based patterns and utility functions. It provides a structured workflow for scaffolding, testing with fixtures, and applying efficient transformations like method renaming an…
Comprehensive security code vulnerability review checklist
Provides a comprehensive, structured checklist for identifying common security vulnerabilities, covering areas such as injection flaws, authorization bypasses, and exposed credentials. It guides developers through best practices for secure …
Brand-Consistent Illustration Set Generation
This skill generates cohesive sets of branded illustrations (e.g., empty states, onboarding) by enforcing strict style and palette adherence across multiple generations. It manages brand consistency using advanced techniques like LoRA, styl…
Performance-focused code review and optimization
Systematically reviews codebase for performance bottlenecks, covering areas such as database query efficiency, memory leaks, frontend rendering issues, and algorithmic complexity. It provides structured feedback across critical, high, mediu…
Structured code standards and quality review
This skill provides a comprehensive, multi-step framework for reviewing pull requests, covering critical bugs, general code quality, and adherence to defined style guides. It ensures feedback is structured into critical issues, suggestions,…
Generate comprehensive favicon and icon bundle
This skill generates a comprehensive favicon bundle, producing all necessary assets—including multi-resolution SVG, ICO, and PNG variants—to meet modern browser and PWA standards. It handles complex requirements like dark mode support and m…
Maintain Brand Consistency Across Assets
This skill enforces visual and stylistic coherence across an entire brand set by managing a comprehensive BrandBundle. It validates generated assets using palette ΔE2000 and CSD scores, while applying model-specific controls like --sref or …
Systematic Asset Generation Failure Diagnosis and Repair
This skill diagnoses asset generation failures by mapping specific failure codes (e.g., checkerboard, palette drift) to appropriate repair primitives. It executes a systematic, budget-aware pipeline, preferring deterministic fixes over cost…
Automated Mastra Project Setup and Testing
Automates the creation of a Mastra project using create-mastra and performs automated smoke testing of the Mastra Studio via the Chrome MCP server. It handles dependency installation, environment configuration, and browser-based verificatio…
Interactive TUI testing for Mastracode
This guide details how to perform interactive testing of the Mastracode TUI within Konsole. It covers verifying thread state isolation, rendering components, and managing model configurations.
Orchestrates production-grade software asset generation
This skill manages the entire lifecycle of creating software assets, classifying the required asset type and routing the request to the optimal generation pipeline. It supports multiple execution modes, including inline SVG generation, exte…
Integration testing for core error processors
This guide provides patterns for writing robust integration tests for core error processors, detailing how to mock LLM API calls and verify complex retry and error recovery behaviors. It covers structured testing for happy paths, control te…
Tailwind CSS Best Practices for UI Consistency
This skill provides comprehensive styling guidelines for the Mastra Playground UI, ensuring design system consistency across component usage, design tokens, and class name implementation. It assists developers when writing, reviewing, or re…
React performance optimization guidelines and patterns
This skill provides comprehensive, prioritized guidelines for optimizing React applications. It covers critical patterns such as eliminating waterfalls, managing bundle size, and optimizing re-renders for peak performance.