skills.rest
Coignite-ApS
Coignite-ApSOFFICIAL
Explore all skills by this author →
WebsiteGitHub

widget-designer

Design inline chat widgets with Zod schemas, ChatKit templates, and data mappings.

Updated Aug 23, 2026
Search Tags:#design#templates#widget#ui-design#chatkit#data-mapping#businesslogic
One-click install
npx skills add https://github.com/Coignite-ApS/businesslogic --skill widget-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: widget-designer
Source: https://github.com/Coignite-ApS/businesslogic/tree/main/.claude/skills/widget-designer
Command: npx skills add https://github.com/Coignite-ApS/businesslogic --skill widget-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design and implement compact, inline widgets for the BusinessLogic chat UI to present calculator results, knowledge search results, answers, and lists without building full apps.

Core Features & Use Cases

  • Generates three artifacts per widget: WIDGET SCHEMA, WIDGET TEMPLATE, and DATA MAPPING.
  • Uses ChatKit components to ensure consistent UI and seamless embedding in chat conversations.
  • Supports tool-specific designs for calculators, KB search, and knowledge answers. Example: create a compact widget for a calculator result or a knowledge snippet in the chat.

Quick Start

Provide a compact widget design by specifying a WIDGET SCHEMA, WIDGET TEMPLATE, and DATA MAPPING for a chosen tool.

Frequently Asked Questions about widget-designer

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

FAQPage Schema
How do I design inline chat widgets for BusinessLogic calculator results?▼

To design inline chat widgets for BusinessLogic, generate a Zod schema, a ChatKit template, and a data-mapping schema. This structure ensures your calculator results embed seamlessly within the chat UI.

What is the best way to display knowledge search results in a chat UI without building a full app?▼

Displaying knowledge search results in a chat UI requires compact inline widgets. You can use ChatKit components to design a widget template that presents answers and snippets directly in the conversation.

What artifacts do I need to create a BusinessLogic widget compatible with bl_widget_templates?▼

Creating a BusinessLogic widget compatible with bl_widget_templates requires three artifacts: a Zod widget schema, a ChatKit template, and a data-mapping schema. These define the structure, UI, and data flow.

Can I use ChatKit components to build UI widgets for BusinessLogic answers?▼

Yes, you can use ChatKit components to build UI widgets for BusinessLogic answers. The widget designer applies these components to ensure consistent UI and seamless embedding within chat conversations.

Does the widget designer support data mapping for calculator results in chat?▼

Yes, the widget designer supports data mapping for calculator results in chat. It outputs a dedicated data-mapping schema alongside the widget schema and ChatKit template to connect data to the UI.

When do I need to generate a Zod schema for a chat widget?▼

You need to generate a Zod schema for a chat widget when designing inline widgets for the BusinessLogic chat UI. The schema validates the data structure for calculator results, KB search, and answers.

Related Skills

Explore More Design & Creative Skills→
Fr-e-dFr-e-d
157

architecture-extract

Analyze project directory structures to generate architectural summaries.

Community
Basic
MinhThang1009MinhThang1009
15

build-mcp-app

Create and deploy interactive MCP UI widgets for Claude chat surfaces.

Community
Advanced
SOLEROMSOLEROM

build-mcp-app

Define MCP tools with inline UI widgets and register UI resources.

Community
Advanced
Kingdaddy007Kingdaddy007
1

build-mcp-app

Build MCP apps that render interactive UI widgets in chat surfaces.

Community
Intermediate