Skills
.Work. You
Rest

bdui-sanity

Community

Build and configure Tabby's BDUI pages in Sanity.

Software Engineering#component library#ui development#mobile app#sanity#bdui#widget configuration
AuthorZeyden
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: bdui-sanity
Download link: https://github.com/Zeyden/claude-skills/archive/main.zip#bdui-sanity

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.