skills.rest
yWorks
yWorksOFFICIAL
Explore all skills by this author →
Website𝕏@yworksGitHub

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
One-click install
npx skills add https://github.com/yWorks/yfiles-for-html-claude-plugin --skill yfiles-init
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
BaoNguyen09BaoNguyen09
6

install-windows

Install Node.js and project dependencies on Windows with PowerShell.

Community
Intermediate
brivarobrivaro

gradio

Create interactive web UIs and machine learning demos from Python code.

Community
Intermediate
baekenoughbaekenough
34

optimize-analyze

Analyze web bundle contents and sizes to generate optimization reports.

Community
Intermediate
shekerkammashekerkamma

presentation-styling

Apply standardized CSS classes and HTML patterns to web-based presentation slides.

Community
Basic