openmates:add-embed-type

Automates embed type creation across frontend components, stylesheets, localization files, routes, and backend registration for the Loris REST API's Laravel implementation.

43|2|Updated Jan 25, 2024
One-click install
npx skills add https://github.com/glowingkitty/OpenMates --skill openmates-add-embed-type
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: openmates:add-embed-type
Source: https://github.com/glowingkitty/OpenMates/tree/main/.claude/skills/add-embed-type
Command: npx skills add https://github.com/glowingkitty/OpenMates --skill openmates-add-embed-type

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of manually wiring new embed types into the OpenMates frontend, including UI components, themes, icons, i18n strings, routing, and app registration.

Core Features & Use Cases

  • Component scaffolding for embed preview, fullscreen view, fullscreen mock variants, and a text-only renderer for copy/message use.
  • Theme and icon setup for new app gradients and skill icons, integrated into the existing header and info bar styling.
  • i18n localization wiring by adding embed entries across all required locales and building the translations.
  • Renderer and app registration by updating the skill-use renderer routing and adding the embed type to the backend app configuration.
  • Use case: Add a brand-new embed UI (e.g., for a “Meetups” app) so it appears correctly in chat previews, supports fullscreen expansion, and works with localized text and embedText rendering.

Quick Start

Tell the AI: "Create embed type weather forecast WeatherForecast" to generate all required frontend components, theme/icon hooks, i18n entries, renderer routing, and backend registration.

Frequently Asked Questions about openmates:add-embed-type

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a new embed type for a Svelte frontend application?

To scaffold a Svelte embed type, the system generates UI components, fullscreen renderers, and mock preview variants. It also configures theme gradients, i18n localization strings, and frontend routing to ensure the embed integrates correctly.

What is the best way to add i18n localization strings when creating new UI components?

When creating UI components, adding i18n localization strings requires updating all required locale files with new embed entries. The scaffolding process automatically wires these translations into the frontend to support multilingual text rendering.

How do I register a new embed renderer in my frontend routing configuration?

To register an embed renderer in frontend routing, you must update the skill-use renderer routing configuration. This ensures the application correctly directs traffic to the new preview and fullscreen views when the embed type is called.

Does scaffolding an embed type automatically update backend app configuration?

Yes, scaffolding an embed type updates backend app configuration by adding the new embed type to the backend settings. This ensures the frontend components and backend registration remain synchronized without manual wiring.

Can I generate mock preview variants and a text-only renderer for chat embeds?

Yes, you can generate mock preview variants and a text-only renderer for chat embeds during the scaffolding process. The text-only renderer specifically supports copy and message use cases, while mock variants handle preview states.

Why do I need to set up theme gradients and skill icons for new embed types?

You need to set up theme gradients and skill icons for new embed types to ensure the UI components visually integrate with the existing header and info bar styling. This maintains design consistency across the frontend application.