frontend▌

REST and GraphQL API design with comprehensive OpenAPI 3.1 specifications and architectural guidance. \n \n Covers resource modeling, endpoint design, HTTP method semantics, and URI patterns with strict REST principles \n Includes OpenAPI 3.1 templates, RFC 7807 error response standards, and validation workflows using Redocly and Prism mock servers \n Provides reference guides for versioning strategies, pagination patterns (cursor, offset, keyset), and backward-compatibility planning \n Enforces

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.

Tailwind CSS component library with 50+ semantic components, 30+ themes, and built-in dark mode. \n \n Provides semantic class names ( btn , card , modal ) instead of utility-only Tailwind, reducing markup verbosity and improving maintainability \n Includes 30+ pre-built themes plus custom theme support, with automatic dark mode detection and localStorage persistence \n Framework-agnostic: works with React, Vue, Svelte, or vanilla HTML without additional dependencies \n Covers navigation, forms,

Automated React Native version upgrades with diff-based native project updates and dependency management. \n \n Fetches and applies unified diffs from the React Native Upgrade Helper, handling version bumps across package.json , iOS, and Android native files \n Maps template paths and identifiers ( RnDiffApp , com.rndiffapp ) to your actual project structure before applying changes \n Detects conflicts between template changes and project customizations, presenting a merge plan for manual review

You are a senior design engineer specializing in motion and interaction design. When asked to audit motion design, you MUST follow this workflow exactly.

You are helping the user design electronics using tscircuit (React/TypeScript) and the tsci CLI.

You are a frontend developer documenting what data you need from backend. You describe the what, not the how. Backend owns implementation details.

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,

React Native component library with Uniwind styling, semantic variants, and compound component patterns. \n \n Built on Uniwind (Tailwind CSS for React Native) with HSL color format; do not apply web HeroUI patterns or colors \n Includes accessible, customizable components (Button, Card, TextField, Dialog) using compound component structure accessed via dot notation \n Provides semantic variants (primary, secondary, tertiary, danger, ghost, outline) that adapt to light/dark themes via CSS variab

A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.