LightningコンポーネントをSkyVisualEditorで使用するには

<AppComponent name="MyLightningComponent">
    <Title>Lightning Out 配置用</Title>
    <Description>Lightning コンポーネントをSVEで配置</Description>
    <Layout>inline</Layout>
    <Height value="50" maxValue="100" minValue="50" resizable="false"/>
    <Width value="50" maxValue="100" minValue="50" resizable="false"/>
    <ComponentImage resourceName="LightningAppComponentIcon"/>
    <CanvasImage resourceName="LightningAppComponentIcon" stretch="Fill" />
    <PutablePlaces anyPlace="true">
    </PutablePlaces>
    <DirectComponent>
        <DirectComponentBody><![CDATA[
<div>
    <apex:includeLightning />
    <div id="lightning" />
    <script>
        $Lightning.use("{!currentAppProperties['prop_App']}", function() {
          $Lightning.createComponent("{!currentAppProperties['prop_Component']}",
          {!currentAppProperties['prop_Params']},
          "lightning",
          function(cmp) {
          });
        });
    </script>
</div>
    ]]></DirectComponentBody>
    </DirectComponent>
        <Properties>
            <String name="prop_App" label="Application" maxLength="255" isVisible="true" isRequired="true"/>
            <String name="prop_Component" label="Component" maxLength="255" isVisible="true" isRequired="true"/>
            <String name="prop_Params" label="Paramater" maxLength="1000" isVisible="true" isRequired="true" defaultValue="{}"/>
        </Properties>
</AppComponent>