Does it support dynamic dropdowns?

Yes, it specializes in configuring 'async' options within schemas to trigger sync actions that load data dynamically into the UI.

What is the main difference between Keboola schemas and standard JSON schemas?

Keboola requires using options.dependencies for conditional logic and a flat property structure, rather than standard JSON Schema 'dependencies' or 'oneOf/allOf' nesting.

Can I test my schemas directly within the development environment?

Yes, the skill provides specific workflows to navigate to the schema-tester tool and run local server tests or Playwright automation.

How does this skill handle sensitive data like passwords?

It automatically identifies and applies the '#' prefix to property names, which signals the Keboola platform to encrypt those values.

Keboola Component UI Developer

Name: Keboola Component UI Developer
Author: keboola

bykeboola

•

设计工具

Architects and validates Keboola configuration schemas with advanced conditional logic and specialized UI elements.

This skill empowers developers to build complex, user-friendly configuration interfaces for Keboola components by providing deep expertise in configSchema.json and configRowSchema.json design. It enforces platform-specific best practices, such as maintaining a flat property structure and using the proprietary options.dependencies syntax instead of standard JSON Schema dependencies. Whether you are implementing encrypted fields, configuring dynamic sync actions for dropdowns, or setting up automated validation with schema-tester and Playwright, this skill ensures your component UI is robust, compliant, and intuitive.

主要功能

01Integrated schema validation using schema-tester and Playwright

027 GitHub stars

03Advanced conditional field logic using options.dependencies

04Standardized Keboola UI element implementation for forms

05Automated encryption handling via # field prefixes

06Dynamic field loading configuration through sync actions

使用场景

01Creating multi-authentication configurations with conditional field visibility

02Designing dynamic forms that load selection options from backend sync actions

03Refactoring complex nested JSON schemas into Keboola-compliant flat structures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add keboola/ai-kit build-component-ui

For use in Claude.ai and ChatGPT

Download Skill