skills.rest
PeekAndPoke
PeekAndPokeCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/PeekAndPoke/klang --skill kraft-knowhow
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
vecearvecear

storybook-setup

Automate Storybook setup, configuration, and CSF3 story authoring for frontend projects.

Community
Intermediate
YusufkotavomYusufkotavom

web-frontend-development

Implement React/Next.js frontend components, zustand state, routing, and SSE agent interactions.

Community
Intermediate
PeekAndPokePeekAndPoke
6

update-kraft-examples

Synchronize version references across three Kraft example repositories for Ultra/Kraft releases.

Community
Advanced
ncsound919ncsound919

frontend-design

Design frontend interfaces and components for React or HTML/CSS.

Community
Advanced