Skills
.Work. You
Rest

add-embed-type

Community

Scaffold new embed types across the UI.

Software Engineering#theming#svelte#i18n#embed type#ui scaffolding#renderer registration#backend app.yml
Authorglowingkitty
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill solves the problem of adding a consistent, fully wired “embed type” to OpenMates when you need a new app-specific preview, fullscreen renderer, theming, icons, i18n, and backend registration.

Core Features & Use Cases

  • Embed component scaffolding: Generates preview and fullscreen Svelte components plus an embed text renderer for copy-message flows.
  • UI integration and routing: Registers the preview component in the embed renderer so the correct fullscreen component loads automatically.
  • Theming, icons, and translations: Adds app gradient theme variables, icon SVG + CSS masking hooks, and required i18n entries for all locales.
  • Backend embed type registration: Updates the app.yml with the new embed type’s identifiers and component mappings so the system can use it end-to-end.

Quick Start

Run the skill with your appId, skillId, and component prefix to scaffold the full embed type and wire it into frontend and backend.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: add-embed-type
Download link: https://github.com/glowingkitty/OpenMates/archive/main.zip#add-embed-type

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.