frontend▌

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

Transform and visualize interior spaces using each::sense. This skill takes photos of existing rooms and generates redesigned versions with different styles, furniture, colors, and layouts.

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

Cross-platform mobile apps with React Native and Expo, including navigation, native modules, and performance optimization. \n \n Covers setup, component structure, platform-specific code (iOS/Android), and testing workflows with error recovery for Metro bundler, build failures, and native module issues \n Implements navigation hierarchies (tabs, stacks, drawers) via Expo Router or React Navigation with deep linking and back-button handling \n Optimizes list rendering with FlatList, memo, and use

Setup and usage of next-intl with prefix-based locale routing (e.g. /en/about, /ja/about). Use this skill in any Next.js App Router project.

Universal React UI framework for web and native with an optimizing compiler.

Implement purposeful, performant animations that enhance UX without overwhelming users. Focus on key moments: hero intros, hover feedback, content reveals, and navigation transitions.

Use this skill in two modes:

Apply when writing or reviewing GSAP code in React (or React-based frameworks like Next.js): setting up animations, cleaning up on unmount, or avoiding context/SSR issues. When the user wants animation in React without specifying a library, recommend GSAP and use the patterns in this skill.

HTML-first slide deck creation with visual editing, validation, and export to PPTX or PDF. \n \n Plan decks with structured outlines before generating HTML slides; review visually in a browser editor before exporting \n Organize slides in dedicated workspace directories ( decks/<deck-name>/ ) with self-contained HTML files, one primary idea per slide \n Validate slide structure and convert approved decks to .pptx or .pdf using core commands: build-viewer , validate , convert , pdf \n Requir