Can I vibe code KatanaPIM?

Build a multi-tenant Product Information Management (PIM) web application using Next.js 14 App Router, Supabase (Postgres + Auth + Storage), and Tailwind CSS. 1. DATA MODEL: Create tables for 'products' (id, sku, parent_id, family_id, created_at), 'product_translations' (product_id, locale, title, description), 'attribute_definitions' (id, code, label, type: text/select/multiselect/number/boolean, is_localizable), 'attribute_values' (product_id, attribute_id, locale, value_json), 'categories' (id, parent_id, name), 'product_categories' (product_id, category_id), and 'digital_assets' (id, product_id, url, asset_type, position). 2. UI COMPONENTS: Implement a data grid to list products with filtering by category, SKU, and completeness status. Create an attribute editor tab that dynamically renders input controls based on 'attribute_definitions'. Include a matrix variant tab to create child SKUs from combinations of options. Build a Media Asset tab allowing drag-and-drop file uploads directly to Supabase Storage with reordering capabilities. 3. COMPLETENESS ENGINE: Calculate a completion percentage for every product based on required fields defined in a product family config. Display completion badges (Red < 50%, Yellow < 100%, Green 100%). 4. EXPORT ENGINE: Build an API endpoint `/api/export/channel` that takes a channel configuration, applies mapping transformations (e.g., mapping internal attribute 'color_code' to external 'color'), formats the output as JSON or CSV, and returns localized product payload. OUT OF SCOPE: Live webhooks to third-party storefront APIs. Focus entirely on local data management, asset handling, dynamic attribute validation, and feed exports.

$ each button prefixes agent-specific run instructions · build your own product, never copy proprietary code, trademarks or designs