Skill UI

Integrate markstream-vue into Nuxt 3 or 4 with SSR-safe client boundaries, renderer modes, explicit CSS, and browser-only optional peers for streaming Markdown.

Integrate the beta markstream-react renderer into React 18+ or Next.js with correct client/server entrypoints, CSS, streaming state, and component overrides.

Integrate the beta markstream-svelte renderer into Svelte 5 or SvelteKit apps with runes, explicit CSS, smooth streaming, workers, and SSR-safe boundaries.

Handle Vue 2.6/2.7 compatibility decisions for integrating markstream-vue2 with correct Composition API usage, CSS, streaming state, optional peers, and scoped overrides.

Integrate markstream-vue2 into Vue CLI or Webpack 4 projects with export-map-safe CSS, CDN worker fallbacks, and safe streaming markdown rendering defaults.

Integrate markstream-vue2 into a Vue 2 plus Vite project with bundled worker imports, CSS layer ordering, Composition API compatibility, and safe streaming markdown defaults for chat or history rendering.

A comprehensive guide detailing how to implement Google's Material Design principles across various platforms, including Web (CSS), iOS (SwiftUI), and cross-platform (Flutter). It covers core concepts like Z-axis elevation, meaningful motion, structured layouts, typography, and component usage to ensure a cohesive and modern user experience.

A comprehensive design and implementation guide for achieving Controlled Maximalism. This style is ideal when the content is extremely dense, rich, and contains numerous elements, but requires an underlying highly structured, elegant, and curated presentation. Includes detailed CSS Grid, SwiftUI, Flutter, and React Native examples.

A comprehensive guide for implementing Monochromatic User Interfaces across Web, iOS, and Android. Learn how to achieve high elegance and strict color discipline by restricting the palette to variations (tints, tones, shades) of a single base hue. Includes detailed CSS, SwiftUI, and Flutter examples, emphasizing accessibility, texture usage, and color theory principles.

A comprehensive guide detailing the implementation of the Neo-Brutalist design aesthetic. It specifies core principles, including hard drop shadows, thick black outlines, and high-contrast flat colors. Includes detailed, platform-specific code examples for Web (CSS), SwiftUI, and Flutter, helping developers achieve a playful yet structured, high-impact UI look.

Create a new Rails project with an opinionated stack including PostgreSQL, Inertia.js, React, Vite, Tailwind CSS, Sidekiq, and Redis. Provides guidance on project generation, conventions, testing, and verification for a fresh Rails app.

This skill guides the creation of structured, importable JSON templates for the Obsidian Web Clipper. It facilitates the analysis of a target website's content structure, including DOM, Schema.org data, and CSS selectors. Users can map complex web elements into a robust template format, incorporating advanced logic like conditionals and loops, ensuring the resulting clipboard data is consistently formatted and ready for immediate use.