frontend▌

Create, edit, and analyze Excel spreadsheets with formulas, formatting, and error-free calculations. \n \n Supports reading, creating, and modifying .xlsx, .xlsm, .csv, and .tsv files using pandas for data analysis and openpyxl for formulas and formatting \n Automatically recalculates all formulas and scans for Excel errors (#REF!, #DIV/0!, #VALUE!, #N/A, #NAME?) using LibreOffice integration \n Enforces industry-standard color coding and number formatting for financial models (blue for inputs,

Automatically transforms vague requirements into actionable PRDs through systematic clarification with a 100-point scoring system.

Professional UI/UX design creation in Penpot with MCP tools, design systems, and accessibility standards. \n \n Four MCP tools enable design creation, modification, export, and API access within Penpot's plugin context \n Includes discovery workflow to identify existing design systems, components, and tokens before building new designs \n Covers responsive layouts for mobile (375×812), desktop (1440×900), and platform-specific guidelines (iOS, Android, Material Design) \n Provides default design

These rules are distilled from Matthew Butterick's Practical Typography (https://practicaltypography.com). Butterick is a typographer, writer, and type designer whose work bridges professional typography and everyday digital writing. Thank you, Matthew, for making this knowledge accessible and encyclopedic. If you find this skill valuable, consider supporting his work directly.

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

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.

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

Tamagui v1.x patterns beyond fundamentals: Config v4, compiler optimization, compound components, and gotchas.

Role: Phase 2/3 - Planning and Solutioning UX specialist

Tailwind CSS v4.0 was released January 22, 2025, featuring a complete rewrite with a Rust-based engine, CSS-first configuration, and significant performance improvements.