Yoyo Component Generator MCP tool
findutils:yoyo_component_generator Generate Yoyo PHP component boilerplate: the PHP class (properties, props, query string, listeners, lifecycle hooks, actions, computed properties) and the matching PHP, Blade, or Twig template. Anonymous components return only the template.
Arguments
application/json-
name
string optional
Component name (converted to PascalCase). Default: "MyComponent". Default
"MyComponent". -
namespace
string optional
PHP namespace. Default: "App\Yoyo". Default
"App\\Yoyo". -
engine
string optional
Template engine. Default: "php". One of
php · blade · twig. Default"php". -
component_type
string optional
"dynamic" (class + template) or "anonymous" (template only). Default: "dynamic". One of
dynamic · anonymous. Default"dynamic". -
properties
array optional
Public properties: [{ name, type: string|int|float|bool|array, default_value? }].
-
use_props
boolean optional
Declare $props with every property name. Default: false. Default
false. -
use_query_string
boolean optional
Declare $queryString with every property name. Default: false. Default
false. -
actions
array optional
Action method names, e.g. ["increment", "decrement"].
-
computed_props
array optional
Computed property names, e.g. ["doubleCount"].
-
listeners
array optional
Event listeners: [{ event, handler }].
-
hooks
array optional
Lifecycle hooks to stub: any of "initialize", "mount", "rendering", "rendered".
Example arguments
Verified{
"name": "Counter",
"properties": [
{
"name": "count",
"type": "int",
"default_value": "0"
}
],
"actions": [
"increment"
],
"computed_props": [
"doubleCount"
]
} More Generators tools
- Barcode Generator Generate a 1D barcode as an SVG string from text.
- Box Shadow Generator Generate a CSS box-shadow declaration from offset, blur, spread, colour, opacity, and inset settings, or from a named preset (subtle, soft…
- Caption Generator Generate a social-media caption from a topic using built-in templates (no AI): picks a template for the content type and tone, fills…
- Clip Path Generator Generate a CSS clip-path from a named shape (triangle, trapezoid, parallelogram, rhombus, pentagon, hexagon, octagon, star, chevron…
- Color Palette Generator Generate a harmonious colour palette from a base hex colour: complementary, analogous, triadic, tetradic, split-complementary…
- Css Animation Generator Return CSS @keyframes animation code (or Tailwind config, Web Animations API / React, or Framer Motion code) from a named preset such…