yfiles-init

Scaffold yFiles HTML applications with GraphComponent initialization and license loading.

Updated Feb 10, 2026

Search Tags:#typescript #eslint #scaffold #license #initialize #yfiles #graphcomponent

Ready to run

npx skills add https://github.com/yWorks/yfiles-for-html-claude-plugin --skill yfiles-init

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: yfiles-init
Source: https://github.com/yWorks/yfiles-for-html-claude-plugin/tree/main/skills/yfiles-init
Command: npx skills add https://github.com/yWorks/yfiles-for-html-claude-plugin --skill yfiles-init

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Initializes new yFiles for HTML applications with GraphComponent, license integration, and boilerplate project scaffolding to accelerate demos and tutorials.

Core Features & Use Cases

GraphComponent initialization and basic input mode setup
License loading and integration with common project structures
Code templates for TypeScript/JavaScript demos and ESLint guidance
Reference materials and sample project structure for quick-start demos

Quick Start

Run yfiles-init with an optional demo-name to scaffold a complete yFiles application in your current directory.

Frequently Asked Questions about yfiles-init

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

FAQPage Schema

How do I initialize a yFiles for HTML application with a valid license?▼

Yes, scaffolding a yFiles application provides TypeScript templates and ESLint guidance. The initialized project structure includes code templates for TypeScript demos, ensuring type safety and consistent linting rules.

How do I set up a GraphComponent for a new yFiles demo project?▼

Setting up a GraphComponent requires initializing it within your HTML application and configuring the basic input mode. The scaffold generates a template-driven project structure with a runnable demo to quick-start development.

What is the best way to scaffold a starter project for yFiles?▼

Yes, scaffolding a yFiles application includes TypeScript templates and ESLint guidance. The initialized project structure provides code templates for TypeScript demos, ensuring type safety and consistent linting rules.

Why does my yFiles GraphComponent display a watermark without license loading?▼

A yFiles GraphComponent displays a watermark when the license is not loaded before use. Ensuring license integration is loaded during GraphComponent setup removes the evaluation watermark and activates full library functionality.

Do I need TypeScript to scaffold a yFiles application?▼

No, you do not need TypeScript to scaffold a yFiles application, as it supports both TypeScript and JavaScript. However, the scaffold provides TypeScript templates and ESLint guidance for demos and starter projects.