@luisrodonccs/simplest-ui 0.0.0-stage → 0.1.0

package/skills/simplest-ui/evals/evals.json

@@ -0,0 +1,23 @@
+{
+  "skill_name": "simplest-ui",
+  "evals": [
+    {
+      "id": 1,
+      "prompt": "Add a billing summary card with amount, status, and a secondary action to the account view. The project already uses Simplest UI.",
+      "expected_output": "The agent composes semantic HTML with ui-card, ui-badge, and ui-button, uses existing tokens or classes, and does not create a sui-card.",
+      "files": []
+    },
+    {
+      "id": 2,
+      "prompt": "I need a button that shows export actions, and the menu must work with a keyboard in this Simplest UI application.",
+      "expected_output": "The agent chooses sui-dropdown, imports the correct behavior entrypoint, and does not recreate ARIA or keyboard navigation manually.",
+      "files": []
+    },
+    {
+      "id": 3,
+      "prompt": "Create a reusable date-range picker with a popup calendar for Simplest UI.",
+      "expected_output": "The agent recognizes that no date picker exists, justifies the extension, and proposes or implements a component respecting tokens, accessibility, tests, manifest, and catalog.",
+      "files": []
+    }
+  ]
+}

package/skills/simplest-ui/references/authoring.md

@@ -0,0 +1,18 @@
+# Authoring rules
+
+## Accessibility
+
+- Use native controls and labels whenever possible.
+- Pair controls and descriptions with `for`, `aria-describedby`, or component-provided relationships.
+- Do not duplicate existing keyboard or focus logic outside a registered component.
+- Custom events use the `sui-*` namespace, bubble, and are composed.
+
+## Visual language
+
+- Use semantic `--sui-*` tokens, not literal visual values.
+- Preserve the soft surface, rounded border, and restrained glass effect of the system.
+- Make focus visible and preserve reduced-motion behavior.
+
+## Integration
+
+When Bootstrap or Tailwind supplies a reset, import `tokens.css` and `components.css`, not the complete `styles.css` bundle. Keep Simplest class names intact rather than translating them into another utility system.

package/skills/simplest-ui/references/catalog.md

@@ -0,0 +1,49 @@
+# Simplest UI catalog
+
+Generated from `components.manifest.json` by `npm run catalog:generate`. Do not edit manually.
+
+Read `components.manifest.json` in the repository root first; it is the machine-readable source of truth.
+
+## Registered Web Components
+
+| Element | Import | Keyboard |
+| --- | --- | --- |
+| `sui-modal` | `@luisrodonccs/simplest-ui/components/modal` | Escape, focus trap |
+| `sui-drawer` | `@luisrodonccs/simplest-ui/components/drawer` | Escape, focus trap |
+| `sui-dropdown` | `@luisrodonccs/simplest-ui/components/dropdown` | ArrowUp, ArrowDown, Home, End, Enter, Space, Escape, Tab |
+| `sui-tabs` | `@luisrodonccs/simplest-ui/components/tabs` | ArrowUp, ArrowDown, ArrowLeft, ArrowRight, Home, End |
+| `sui-accordion` | `@luisrodonccs/simplest-ui/components/accordion` | ArrowUp, ArrowDown, Home, End |
+| `sui-popover` | `@luisrodonccs/simplest-ui/components/popover` | ArrowDown, Enter, Space, Escape, Tab |
+| `sui-tooltip` | `@luisrodonccs/simplest-ui/components/tooltip` | focus |
+| `sui-toast` | `@luisrodonccs/simplest-ui/components/toast` | None |
+
+## CSS components
+
+- **Button**: `ui-button`, `ui-button--primary`, `ui-button--danger`, `ui-button--ghost`, `ui-button--sm`
+- **Input Field**: `ui-field`, `ui-label`, `ui-help`, `ui-error`, `ui-input`, `ui-input--invalid`
+- **Textarea**: `ui-textarea`, `ui-textarea--invalid`
+- **Select**: `ui-select`, `ui-select--invalid`
+- **Checkbox**: `ui-checkbox`, `ui-checkbox--disabled`
+- **Radio**: `ui-radio`, `ui-radio-group`
+- **Switch**: `ui-switch`, `ui-switch__track`
+- **Card**: `ui-card`, `ui-card--raised`, `ui-card--glass`, `ui-card__header`, `ui-card__title`, `ui-card__body`, `ui-card__footer`
+- **Badge Chip**: `ui-badge`, `ui-badge--primary`, `ui-badge--success`, `ui-badge--warning`, `ui-badge--danger`, `ui-badge--info`, `ui-badge--outline`, `ui-chip`
+- **Alert**: `ui-alert`, `ui-alert--success`, `ui-alert--warning`, `ui-alert--danger`, `ui-alert--info`
+- **Spinner**: `ui-spinner`, `ui-spinner--sm`, `ui-spinner--lg`
+- **Skeleton**: `ui-skeleton`, `ui-skeleton--text`, `ui-skeleton--title`, `ui-skeleton--avatar`, `ui-skeleton--block`
+- **Progress**: `ui-progress`, `ui-progress__bar`, `ui-progress--indeterminate`
+- **Table**: `ui-table-wrap`, `ui-table`
+- **Avatar**: `ui-avatar`, `ui-avatar--sm`, `ui-avatar--lg`, `ui-avatar-group`
+- **Stat**: `ui-stat`, `ui-stat__label`, `ui-stat__value`, `ui-stat__hint`
+- **Empty State**: `ui-empty`, `ui-empty__title`, `ui-empty__body`
+- **Nav**: `ui-nav`, `ui-nav__item`, `ui-nav__item--active`, `ui-nav__group-title`
+- **Topbar**: `ui-topbar`, `ui-topbar__brand`, `ui-topbar__mark`, `ui-topbar__controls`, `ui-topbar--glass`
+
+## Layouts
+
+- **Container**: `ui-container`
+- **Stack**: `ui-stack`
+- **Cluster**: `ui-cluster`
+- **Grid**: `ui-grid`, `ui-grid--auto`
+- **App Shell**: `ui-app-shell`, `ui-app-shell--contained`, `ui-app-shell__sidebar`, `ui-app-shell__header`, `ui-app-shell__main`
+- **Skip Link**: `ui-skip-link`