Uit Tabbed Work App Web

facebook/meta-ray-ban-display-ui-toolkit-web/llm-skills/uit-tabbed-work-app-web

Multi-file

ai-mlOfficial

Official Provider SkillView repo

Build a production UI Toolkit for Meta Ray-Ban Display application with two peer SubNavigationPager work queues, routed record details, durable completion/defer state, and bottom detail actions. Use when a brief explicitly asks users to switch between one-word work collections such as Today/Done, Active/Done, Open/Closed, or Current/History and then inspect or act on one record.

Files4 files

SKILL.md20 lines

Loading editor…

Install

Recommended

One command — your agent picks it up automatically.

Select AI agent

Select an AI agent above to see the install command.

Manual Install

More steps

Download the archive and add the files to your project manually.

Skill details

Versionv1.0.0

AuthorFacebook

Categoryai-ml

Skill IDfacebook/meta-ray-ban-display-ui-toolkit-web/llm-skills/uit-tabbed-work-app-web

Files4 files

Related skills

Building Uit Interfaces WebBuild, revise, or review polished production Meta Ray-Ban Display React interfaces with the public `@wearables-ui-toolkit/mrbd` library. Use for UI Toolkit for Meta Ray-Ban Display applications, routes, layouts, focus/D-pad navigation, materials, responsive sizing, overlays, accessibility, performance, or visual validation. Covers component selection, compliant composition, semantic tokens, filled icons, additive-display legibility, incorrect patterns, and device-ready testing. Assume no prior t Uit Accessibility Testing WebAudit, test, or validate production UI Toolkit for Meta Ray-Ban Display interfaces for accessibility, focus/D-pad navigation, responsive layout, WebView rendering, performance, component states, route restoration, scroll boundaries, popup behavior, additive-display contrast, package-export safety, formatting, lint, tests, and build readiness.Uit Actions WebBuild or review UI Toolkit for Meta Ray-Ban Display actions using Button, ButtonRail, ButtonGroup, ButtonDivider, QuickReplyButton, ActionHint, and the InputTextView built-in action. Use for horizontal actions, text submission, overflowing rails, anchors, centered focus cursors, disabled actions, tooltips, icon-only actions, reply suggestions, action transitions, or action-layout bugs.Uit Content Identity WebBuild or review UI Toolkit for Meta Ray-Ban Display text, icons, avatars, app badges, notification badges, tags, chips, container headers, ReadMoreTextView, TextSwitcher, and IconImage. Use for typography hierarchy, icon sources/tint, person or duo identity, avatar status/badges, app identity, unread counts, metadata, loading chips, clamped copy, or content accessibility.Uit Contextual Inbox App WebBuild a production UI Toolkit for Meta Ray-Ban Display inbox or work queue where each ListItem opens an anchored temporary VerticalMenu and menu actions update that record. Use when row-level Assign, Snooze, Archive, or similar secondary commands must dismiss with Back and return focus without reflow.Uit Controls WebBuild or review UI Toolkit for Meta Ray-Ban Display settings and value controls using Switch, RadioButton, SliderBar, Scrubber, IsolatedControl, ControlTile, AppControlTile, and ListItem control modes. Use for binary settings, mutually exclusive choices, sliders, media seek, D-pad value adjustment, progress tiles, app/person shortcuts, controlled state, or control accessibility.