frontend▌

Universal Tailwind CSS v4 styling for Expo apps across iOS, Android, and Web. \n \n Integrates Tailwind CSS v4 with react-native-css and NativeWind v5 via Metro transformer, eliminating the need for Babel configuration \n Provides reusable CSS-wrapped component library (View, Text, ScrollView, Pressable, TextInput, Image, Link) that apply className styles to native elements \n Supports platform-specific styling through CSS media queries, custom theme variables via @theme blocks, and Apple semant

Use the official Open Source Guides as a coaching framework for open source questions.

This skill enables creation of stunning HTML-based presentations using reveal.js - the web's most popular presentation framework. Create interactive, responsive slides with animations, code highlighting, speaker notes, and more.

Build robust, scalable design systems that ensure visual consistency and exceptional user experiences.

Toolkit for creating animated GIFs optimized for Slack with validation and animation utilities. \n \n Provides GIFBuilder for frame assembly, validators to check Slack compliance, and easing functions for smooth motion (bounce, elastic, ease-in-out, etc.) \n Supports emoji GIFs (128x128, under 3 seconds) and message GIFs (480x480) with configurable FPS, color palette, and optimization flags \n Includes animation concepts (shake, pulse, bounce, spin, fade, slide, zoom, particle burst) with code e

Native Python Playwright scripts for testing local web applications with server lifecycle management. \n \n Includes with_server.py helper to automatically start and manage single or multiple servers before running automation scripts \n Supports reconnaissance-then-action workflow: screenshot/inspect rendered DOM, identify selectors, then execute actions with discovered selectors \n Emphasizes waiting for networkidle on dynamic apps before DOM inspection to avoid timing issues \n Provides exampl

Material Design 3 and Jetpack Compose patterns for building modern, adaptive Android applications. \n \n Covers Material Design 3 components (cards, buttons, navigation, text fields, dialogs) with dynamic color theming and tonal palettes for accessibility \n Provides Jetpack Compose layout patterns including Column/Row, LazyColumn/LazyVerticalGrid, and adaptive layouts for phones, tablets, and foldables \n Includes navigation implementations for bottom navigation, navigation drawers, and Navigat

Generate Shopify Liquid theme code with correct schema, translations, and component patterns. \n \n Covers sections, blocks, and snippets with proper {% schema %} JSON, LiquidDoc headers, and translation key usage via the t filter \n Includes 77+ language filters, 45+ HTML/media filters, 30+ commerce filters, and 30 tags with syntax and parameters \n Provides CSS/JavaScript patterns using {% stylesheet %} , {% javascript %} , and {% style %} tags for dynamic styling \n Details all 33 setting typ

Interface design for dashboards, admin panels, and tools that avoids generic defaults through intentional domain exploration and systemic craft. \n \n Start with intent exploration: identify the specific human user, their core task, and the emotional quality the interface should convey before touching code \n Conduct domain exploration to uncover product-specific concepts, color worlds, and signature elements that distinguish the design from templates \n Apply subtle layering through whisper-qui

Multi-component React artifacts for Claude with bundling, state management, and shadcn/ui component library. \n \n Scaffolds React 18 + TypeScript projects with Vite, Tailwind CSS, and 40+ pre-installed shadcn/ui components via automated initialization script \n Bundles complete artifacts into single self-contained HTML files with inlined assets, ready for Claude artifact display \n Includes design guidance to avoid common \"AI slop\" patterns like excessive centering, purple gradients, and unif