Generate type-safe OEM components using State and Template patterns.
npx skills add https://github.com/linttrapmedia/oem --skill oem-code-generation-skill
Please help me install this Agent Skill. Skill: OEM Code Generation Skill Source: https://github.com/linttrapmedia/oem/tree/main Command: npx skills add https://github.com/linttrapmedia/oem --skill oem-code-generation-skill
OEM code generation reduces manual boilerplate by providing a blueprint to create reactive, type-safe UI components with State and Template, enabling AI-assisted development without sacrificing clarity or control.
Instantiate a small OEM app by creating a State counter, configure Template with style and event traits, build a simple component using tag and trait, and mount it to the DOM.
High-intent search queries and answers about installing and using this skill.
Template-based composition uses a minimal Proxy-based Template API to build elements and apply behaviors. You configure components with ready-made traits for common UI patterns like counters, forms, lists, and conditional rendering across HTML and SVG.
Yes, state-driven UI patterns let you build reactive forms and lists by relying on State for reactive data flows. The Skill includes a pattern library with practical examples for these common UI tasks, ensuring automatic updates and type safety.
The code generation approach works with both HTML and SVG, applying reactive patterns to common UI tasks across both formats. You use minimal trait configuration and the Dollar Pattern for event handlers to build components across these rendering targets.
The Dollar Pattern is an enforced event handler convention used in component-first design. It provides a consistent way to wire up reactive behaviors while ensuring automatic cleanup, reducing boilerplate, and maintaining type safety across your generated UI components.
Instantiate a small OEM app by creating a State counter, configuring Template with style and event traits, building a simple component using tag and trait, and mounting it to the DOM. This quick start process reproduces core reactive patterns in your projects.
windyskyImplement TypeScript 5.9+ patterns for React and Next.js applications.
brianwestphalBuild kerf reactive UIs in TypeScript/JSX with mounts, morphs, stores, and delegated events.
kraftvaerkCustomize Umbraco backoffice tree item rendering and behavior.
titabashGenerate type-safe Riverpod providers for Flutter using riverpod_annotation.
