Initial commit

skills/fluxwing-component-creator/templates/state-additions/disabled.json

@@ -0,0 +1,10 @@
+{
+  "name": "disabled",
+  "properties": {
+    "opacity": 0.5,
+    "cursor": "not-allowed",
+    "interactive": false,
+    "asciiModifier": "grayed-out"
+  },
+  "description": "Component is not interactive or available"
+}

skills/fluxwing-component-creator/templates/state-additions/error.json

@@ -0,0 +1,10 @@
+{
+  "name": "error",
+  "properties": {
+    "borderColor": "#cc0000",
+    "backgroundColor": "#fff0f0",
+    "showErrorMessage": true,
+    "asciiModifier": "error-border"
+  },
+  "description": "Component has invalid input or error condition"
+}

skills/fluxwing-component-creator/templates/state-additions/focus.json

@@ -0,0 +1,9 @@
+{
+  "name": "focus",
+  "properties": {
+    "outline": "2px solid #0066cc",
+    "backgroundColor": "#f0f8ff",
+    "asciiModifier": "focus-ring"
+  },
+  "description": "Visual indicator when component has keyboard focus"
+}

skills/fluxwing-component-creator/templates/state-additions/hover.json

@@ -0,0 +1,9 @@
+{
+  "name": "hover",
+  "properties": {
+    "backgroundColor": "#e0e0e0",
+    "cursor": "pointer",
+    "asciiModifier": "bold"
+  },
+  "description": "Visual feedback when user hovers over component"
+}