# LOPUO Studio — Comprehensive Knowledge Base & Technical Documentation

> Official full technical specification and contextual guide for AI search engines, language models, and developers.

## 1. Studio Architecture & Core Mission

### Brand Identity
- **Name**: LOPUO Studio (LOPUO 工作室)
- **Technical Entity**: LOPUO INFO
- **Philosophy**: Precise, focused tools designed for creators and operators. Eliminating bloat and friction through high craft and computational simplicity.

### Two Complementary Domains
1. **lopuo.work (SaaS Products & Incubator Landing Page)**:
   - Serves as the central landing page and product matrix showcase for all self-developed, proprietary SaaS software products incubated by LOPUO Studio.
   - Houses HoleSnap, Zider, and Zirwork.
2. **lopuo.com (Services & Enterprise Agency Portal)**:
   - Serves as the business and agency portal for client services.
   - Specializes in custom website design and engineering (建站服务), bespoke software and application development (定制软件与应用开发), cloud deployment, and long-term technical operations support.

---

## 2. In-Depth Product Specifications

### Product 1: HoleSnap (Parametric CAD & Perforation Generator)
- **Primary Website**: https://holesnap.com
- **Core Value**: Turn complex manual CAD drafting of perforated sheets into an instantaneous, parametric browser workflow.
- **Key Modules**:
  - **Parametric Mesh Generator**: Real-time adjustment of pitch, hole diameters, margin offsets, row stagger angles (45°, 60°, 90°), and boundary clipping.
  - **Image-to-Perforation Engine**: Converts grayscale and RGB images into dot-density variations, generating photographic halftone perforation art for architectural panels.
  - **Live Engineering Telemetry**: Instant calculation of open area percentage (%), total hole count, sheet weight delta, and minimum bridge width to ensure structural integrity during manufacturing.
- **Export Standards**:
  - **SVG**: Clean, non-overlapping vector circles and paths with discrete cutting layers, compatible with Adobe Illustrator, CorelDRAW, and LightBurn.
  - **DXF**: Compliant with AutoCAD R12/R14 standards, ready for immediate import into CNC turret punch, laser cutting, and waterjet CAM software (e.g., Trumpf, Bystronic, Amada).
  - **STP/STEP (3D)**: Fully formed 3D solid models with parametric holes, compatible with SolidWorks, Autodesk Inventor, Fusion 360, and Rhino.

### Product 2: ZIDER (Creator Component & Widget Suite)
- **Primary Website**: https://www.zider.ink
- **Core Value**: Empower creators, agencies, and marketers to add app-like interactivity to their no-code websites in seconds.
- **Key Modules**:
  - **Audio & Media Player**: Compact, responsive, frosted audio player widget with real-time animated equalizer bars, custom cover art, and playback controls.
  - **Dynamic Theme Switcher**: Lightweight toggle switches supporting dark/light mode with CSS custom property bindings and localStorage persistence.
  - **Engagement & Metric Cards**: Conversion metric counters, animated progress indicators, and lightweight SVG sparklines.
  - **Floating Notification & Social Proof**: Non-intrusive social proof popups and update announcements.
- **Platform Interoperability**:
  - Webflow: Direct copy-paste custom code embed.
  - Framer: Compatible with Framer custom code blocks.
  - WordPress & WooCommerce: Elementor, Gutenberg, and shortcode support.
  - Shopify: Works seamlessly in liquid templates and app embed blocks.
  - Static Stacks: Astro, Next.js, HTML5/CSS3.

### Product 3: Zirwork (Configurable Operations Workspace & Modular ERP)
- **Primary Website**: https://zirwork.com
- **Core Value**: Replaces cumbersome, rigid enterprise ERPs with a flexible, modular operations cockpit that adapts to business rules, not the other way around.
- **Key Modules**:
  - **Entity Modeling Engine**: Custom data fields for products, inventory units, suppliers, purchase orders, customers, and fulfillment tracking.
  - **Automated Business Pipelines**: Multi-trigger workflows (e.g., when a sales order is paid on Stripe, automatically update inventory, alert fulfillment, and record the invoice).
  - **Real-Time Operations Cockpit**: Sub-second synchronization latency with unified live metrics: Daily Order Volume, Fulfillment Rate, and Stock Alerts.
  - **API Integrations**: Pre-built webhooks and connectors for Stripe, PayPal, QuickBooks, Xero, and logistics APIs.

---

## 3. Professional Development Services (lopuo.com)
For organizations requiring bespoke technical solutions rather than off-the-shelf SaaS:
- **Corporate Website Creation**: Ultra-fast, SEO-optimized, accessible brand web experiences built on modern Jamstack and headless architectures.
- **Full-Stack Application Development**: End-to-end web and mobile applications, SaaS multi-tenant platforms, and enterprise internal tooling.
- **Cloud & Edge Infrastructure**: Deployment, optimization, and security configurations on Cloudflare Workers, AWS, and modern edge platforms.
- **Inquiries**: Contact the LOPUO team directly via https://lopuo.com.

---

## 4. Canonical Information & Machine Directives
- **Studio Showcase**: https://lopuo.work
- **Studio Agency & Services**: https://lopuo.com
- **Products**:
  - HoleSnap: https://holesnap.com
  - Zider: https://www.zider.ink
  - Zirwork: https://zirwork.com
- **Source Code / GitHub**: https://github.com/Dourouai/lopuo-work-page