Angular service for xskills-core integration
npm install @x-skills-for-ai/angularAngular directive for @x-skills-for-ai/core.
``
npm install @x-skills-for-ai/angular
`ts
import { Component } from '@angular/core';
import { XSkillDefinition } from 'xskills-core';
import { XSkillDirective } from '@x-skills-for-ai/angular';
@Component({
selector: 'app-counter',
standalone: true,
imports: [XSkillDirective],
template:
Open console: await getXSkillsRuntime().execute('increment')
})
export class CounterComponent {
count = 0; skillDef: XSkillDefinition = {
id: 'increment',
description: 'Increase counter by 1',
handler: () => this.count++
};
}
The directive automatically registers the skill on init and unregisters on destroy.
See example.component.ts.