Skill UI

Guides building accessible Radix UI design systems using headless primitives, focusing on theming, composition, keyboard navigation and WCAG compliance for custom component libraries in React-based apps.

This skill scaffolds the complete boilerplate structure for a new mobile screen or page. It ensures that the resulting component adheres to established design system patterns, including Top Bars, Bottom Navigation, and standard content shells. Use it when starting a new dedicated mobile view and needing immediate adherence to design tokens and layout rules.

A comprehensive three-column layout template designed for high-readability technical documentation, such as API references, tutorials, and guides. It features a sticky side navigation, main article body with support for code blocks and callouts, and a scroll-spy Table of Contents (TOC). Includes search and version control.