skills.rest
Zeyden
ZeydenCOMMUNITY
Explore all skills by this author →
GitHub

bdui-sanity

Configure BDUI widgets and styling within Sanity CMS.

Updated Aug 23, 2026
Search Tags:#component library#ui development#mobile app#sanity#bdui#widget configuration
One-click install
npx skills add https://github.com/Zeyden/claude-skills --skill bdui-sanity
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bdui-sanity
Source: https://github.com/Zeyden/claude-skills/tree/main/skills/bdui-sanity
Command: npx skills add https://github.com/Zeyden/claude-skills --skill bdui-sanity

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the process of building and configuring user interfaces for Tabby's mobile applications using the Sanity CMS, ensuring consistency and efficiency in UI development.

Core Features & Use Cases

  • Widget Catalog: Understand and utilize a wide array of pre-defined UI widgets (text, buttons, lists, images, etc.) with their specific fields and configurations.
  • Styling System: Apply consistent visual styling using BDUIStyleV1, including backgrounds, gradients, insets, and rounded corners.
  • Page Structure: Learn how to assemble widgets into complex layouts like vertical lists, accordions, and navigation bars.
  • Action System: Define interactive behaviors for widgets, such as navigation, analytics events, and script execution.
  • Use Case: A product designer needs to create a new promotional landing page. They can use this Skill to understand the available BDUI widgets, configure their content and styling in Sanity, and define the user flow for buttons and links.

Quick Start

Use the bdui-sanity skill to understand how to configure a BDUIHeading widget with a gradient background and localized text.

Frequently Asked Questions about bdui-sanity

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

FAQPage Schema
How do I configure Tabby mobile UI components in Sanity CMS?▼

To configure Tabby mobile UI pages in Sanity, you use the BDUI framework to assemble widgets into layouts. This Skill provides comprehensive guidance on setting up widget fields, styling, and interaction handling within the CMS.

What is the BDUI framework and how does it work with Sanity?▼

BDUI is Tabby's mobile UI framework that structures pages using pre-defined widgets. It works with Sanity by allowing developers to define widget content, apply visual styles, and manage interactive behaviors directly through the CMS schema.

How do I apply consistent visual styling to mobile app widgets in Sanity?▼

You apply consistent visual styling to mobile app widgets using the BDUIStyleV1 system. This allows you to configure backgrounds, gradients, insets, and rounded corners uniformly across your UI components within the Sanity CMS.

Can I define interactive behaviors and navigation for mobile UI widgets in Sanity?▼

Yes, you can define interactive behaviors for mobile UI widgets in Sanity using the BDUI action system. This system allows you to configure widget interactions such as navigation routing, analytics events, and script execution.

What layouts can I build using BDUI pages in the Sanity CMS?▼

Using BDUI pages in Sanity CMS, you can build complex layouts such as vertical lists, accordions, and navigation bars. These structures are assembled by combining various pre-defined UI widgets like text, buttons, and images.

Do I need prior CMS experience to build Tabby mobile app pages with this Skill?▼

You need familiarity with Sanity CMS and Tabby's mobile application architecture to effectively use this Skill. It is designed for UI developers and content managers who need to configure widget catalogs and styling systems without writing raw code.

Related Skills

Explore More Software Engineering Skills→
PP-NamiasPP-Namias
2

sanity-data-operations

Manage Sanity CMS content through schema and data operations.

Community
Advanced
SheshiyerSheshiyer
4

widgets-ui

Render interactive React UI from JSON widget schemas.

Community
Intermediate
brahiamsinhobrahiamsinho

firebase-analytics

Track custom events and user properties in Flutter apps with Firebase Analytics.

Community
Intermediate
snake-dev-teamsnake-dev-team

ck:ui-ux-pro-max

Generate design systems and UI/UX best practice guidelines for web and mobile applications.

Official
Advanced