kraft-knowhow

Navigate Kraft UI framework source code for accurate API and component details.

3|1|Updated Dec 20, 2025

Search Tags:#web development #frontend #component library #kraft ui #kotlin framework #vdom

Ready to run

npx skills add https://github.com/PeekAndPoke/klang --skill kraft-knowhow

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: kraft-knowhow
Source: https://github.com/PeekAndPoke/klang/tree/main/.claude/skills/kraft-knowhow
Command: npx skills add https://github.com/PeekAndPoke/klang --skill kraft-knowhow

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and direct access to the source code for the Kraft UI framework, enabling developers to quickly understand and utilize its components and features.

Core Features & Use Cases

Framework Navigation: Quickly locate specific modules, classes, and functions within the Kraft UI framework.
API Reference: Access authoritative source code for accurate API details.
Use Case: A developer needs to implement a custom form component in Kraft. They can use this Skill to find the FormComponent.kt and FormController.kt files to understand the base classes and controller logic.

Quick Start

Consult the source code for de.peekandpoke.kraft.components.Component to understand component lifecycle hooks.

Frequently Asked Questions about kraft-knowhow

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

FAQPage Schema

How do I build custom components with the Kraft UI framework?▼

To build Kraft UI components, you extend the `Component` class and utilize its lifecycle hooks. This Skill provides direct source code access to core modules, enabling you to understand component architecture and implement custom logic accurately.

How does the virtual DOM abstraction work in this Kotlin framework?▼

The virtual DOM (VDOM) abstraction manages UI rendering efficiently within the Kotlin framework. This Skill allows you to consult the Kraft UI source files directly to understand the precise VDOM implementation details and rendering mechanisms.

What is the best way to handle forms in Kraft UI?▼

Handling forms in Kraft UI involves using `FormComponent.kt` and `FormController.kt`. This Skill helps you locate these specific source files to understand the base classes and controller logic required for form implementation.

Can I use Kraft UI for routing in frontend web development?▼

Yes, Kraft UI includes routing features for frontend web development. This Skill facilitates framework navigation by providing direct source code access to the routing modules, helping you understand the routing architecture and API.

Do I need any external dependencies to use the Kraft UI framework?▼

No external dependencies are required to use the Kraft UI framework. This Skill operates with zero dependencies, providing direct reference to source files to understand the framework's core modules, components, and API.

Where can I find the API reference for the Kraft UI component library?▼

The API reference for the Kraft UI component library is found by consulting the source code. This Skill provides authoritative source code access, allowing you to locate specific modules, classes, and functions for accurate API details.