frontend▌

Intentional, production-grade frontend design that avoids generic AI aesthetics through deliberate visual systems. \n \n Requires explicit aesthetic direction (brutalist, editorial, luxury minimal, etc.) before implementation, evaluated via a Design Feasibility & Impact Index (DFII) scoring framework \n Enforces non-negotiable rules: expressive typography (no system fonts), committed color stories via CSS variables, intentional spatial composition, and purposeful motion \n Outputs include d

$22

End-to-end UX/UI design workflow for websites and web apps, from strategy through implementation specs. \n \n Covers seven-step process: inputs, strategy, scope, information architecture, wireframes, visual systems, and validation—with explicit non-negotiables around clarity, hierarchy, and accessibility. \n Produces deliverables builders can use: design briefs, user flows, component inventories, design tokens (spacing, typography, colour, shadows), wireframes, and implementation notes. \n Inclu

This skill enables conversion from Markdown or HTML to professional PowerPoint presentations using Marp (Markdown Presentation Ecosystem). Create beautiful, consistent slides using simple Markdown syntax with CSS-based themes.

Production-ready React Native patterns with Expo, navigation, offline-first architecture, and native module integration. \n \n Covers Expo Router for file-based navigation, authentication flows with secure token storage, and route protection patterns \n Includes offline-first data sync using React Query with AsyncStorage persistence and online status detection \n Demonstrates native module integration for haptics, biometrics, push notifications, and platform-specific code patterns \n Provides pe

Mobile-first responsive design patterns with 2025/2026 best practices for Tailwind CSS v4. \n \n Covers six breakpoint strategy, fluid typography and spacing using CSS clamp, and container queries for component-level responsiveness independent of viewport size \n Includes WCAG 2.2 compliant touch targets (44–48px minimum), safe area handling for notched devices, and practical layout patterns for grids, flexbox, and sidebars \n Provides mobile navigation patterns, responsive image and video techn

A comprehensive guide for creating animations that feel right, based on Emil Kowalski's "Animations on the Web" course.

Show loading indicator ONLY when there's no data to display.

Fundamental design principles for writing maintainable, testable Python code. \n \n Covers five core patterns: KISS (Keep It Simple), Single Responsibility Principle, Separation of Concerns, Composition Over Inheritance, and the Rule of Three \n Includes practical code examples contrasting anti-patterns with recommended approaches for each principle \n Provides layered architecture guidance (API, Service, Repository layers) with dependency injection patterns for testability \n Emphasizes explici

React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules. \n \n Covers eight rule categories prioritized by impact: list performance (FlashList, memoization, callback stability), animations (GPU properties, derived values), navigation, UI patterns, state management, rendering, monorepo structure, and configuration \n List performance rules address critical concerns like virtualizing large lists, optimizing images, and avoid