Skill UI

This comprehensive guide acts as an expert framework for developing a complete, accessible design system using Neumorphism principles. It provides structured instructions covering visual foundations, design tokens, component states (default, hover, error, etc.), accessibility requirements (WCAG 2.2 AA), and content standards, ensuring engineers and designers build consistent and highly usable interfaces.

A powerful command-line utility that transforms virtually any website into a structured CLI command. By utilizing OpenClaw's browser, it allows users to scrape and extract structured data (such as JSON) from over 36 platforms—including social media, finance, and developer communities—directly from the terminal. This tool eliminates the need for complex scraping code or browser extensions, making web data accessible via simple one-liners.

This skill generates clear, plain English communications for patients across various healthcare contexts. It is ideal for drafting patient letters, educational leaflets, discharge summaries, or test results letters. The output targets accessible reading levels (e.g., US Grade 8), ensuring clear instructions and next steps while adhering to plain language guidelines and professional safety warnings.

This comprehensive guide outlines the principles and technical implementation for creating highly accessible, high-contrast user interfaces. It ensures WCAG AAA compliance by specifying pure black/white color pairings, clear boundaries, and legible typography across web (CSS), iOS (SwiftUI), and Android (Flutter) platforms. Ideal for applications requiring maximum legibility and stark visual impact.

This comprehensive skill provides a holistic approach to building modern, accessible, and visually stunning user interfaces. It combines the highly accessible components of shadcn/ui (built on Radix UI), the utility-first power of Tailwind CSS, and sophisticated visual design principles (Canvas). Use this when developing complex React applications, implementing full design systems, ensuring responsive layouts across devices, and requiring professional-grade visual compositions, from dashboards to marketing posters. It guarantees consistency, accessibility, and rapid prototyping.