devops-infra MCP Server
AI-assisted automation, audit, and design system for SURIOTA's industrial IoT website on WordPress + Elementor.
Discovered via github-topic:mcp-server and last synced 3mo ago.
1. Install the package
npm install website-suriota
Input
2026-05-18
--- ## Design System SX Design System — Industrial Editorial style for suriota.com.
Purpose
2026-05-18
Claude Code + MCP</p> [](https://github.com/GifariKemal/suriota-stack-web/actions) [](https://github.com/GifariKemal/suriota-stack-web) [](LICENSE) [](https://wordpress.org) [](https://elementor.com) [](https://playwright.dev) </div> --- ## Table of Contents - [Overview](#overview) - [Architecture](#architecture) - [Recent Updates — 2026-05-28](#recent-updates--2026-05-28) - [Workflow](#workflow) - [Features](#features) - [Quick Start](#quick-start) - [Folder Structure](#folder-structure) - [Tools Reference](#tools-reference) - [Audit Reports](#audit-reports) - [Design System](#design-system) - [Tech Stack](#tech-stack) - [Contributing](#contributing) - [License](#license) --- ## Overview This repository contains automation tools, audit reports, design system assets, and backup data for managing [suriota.com](https://suriota.com) — the official website of **PT Surya Inovasi Prioritas (SURIOTA)**. All scripts and assets are organized for AI-assisted website management using Claude Code + MCP Servers. > **Website:** [suriota.com](https://suriota.com) > **Company:** PT Surya Inovasi Prioritas (SURIOTA) > **Platform:** WordPress + Elementor Pro > **Managed by:** Claude Code + MCP Servers --- ## Architecture ```mermaid graph TB A[Claude Code] --> B[MCP Server] B --> C[Python Scripts] B --> D[Node.js Scripts] C --> E[Elementor API] D --> F[Playwright] E --> G[WordPress Database] F --> H[suriota.com] H --> I[Elementor Frontend] J[backups] --> K[JSON Exports] J --> L[Template Backups] M[exports] --> N[Content Data] O[audit] --> P[Audit Reports] Q[tools/js] --> R[Visual Regression] ``` --- ## Recent Updates — 2026-05-28 Major session deploying **15 sitewide Elementor snippets (IDs 5638–5659)** and ~100 REST operations: - **Schema graph**: Organization + LocalBusiness merged via `@id=#organization` (snippet 5192) with full address, openingHours, telephone, email, contactPoint, areaServed, knowsAbout, makesOffer → `#service-catalog` - **OfferCatalog hub** (snippet 5639): listing 5 pillar Services with `@id` refs - **Per-pillar Service `@id`** + provider→#organization for IoT, SCADA pillars × EN/ID/ZH (6 pages inline-edited); 3 missing pillars (Modbus, SaaS, Energy) covered via URL-conditional JS (snippet 5649) - **CollectionPage schema** for `/artikel/` (snippet 5650) - **Sticky always-visible navbar** sitewide (snippet 5640 v3) with mobile-menu open guard - **Back-to-top button** sitewide (snippet 5641) — previously only on 4/11 pages - **Portfolio table v2.1 redesign** — editorial typography, amber accents, hover micro-interactions, mobile card layout. Fixed JS hoisting bug causing intermittent empty-table (`render(cached)` called before `var state` assigned) - **Related Capabilities cross-links** on 15 pillar pages (snippet 5656) - **Roboto Google Font dequeue** (snippet 5642), **Geist preload hint** (snippet 5643), **CLS shield** (snippet 5644) - **Hreflang dedup** between AIOSEO + Polylang (snippet 5659) - **AIOSEO**: 20 page descriptions backfilled (11 ZH + 8 EN/ID legal), 27 legacy slug pages noindexed + sitemap-excluded (96 → 69 URLs), Schema phone/email/foundingDate/employees populated - **Redirects**: 4 chains collapsed to single-hop, 3 new 404 redirects added (`/blog/`, `/waste-water-loger/`, old slugs) - **Image optimization**: `isolated-poster.webp` 614KB → 57KB (-90.7%) - **Partner logo alt text**: all 20 logos updated via REST Media Library - **/contact/ duplicate LocalBusiness** dedup, **Portfolio CreativeWork** enriched with `creator: {@id: #organization}` + `url` Full details per snippet in `~/.claude/projects/.../memory/suriota_active_snippets.md`. --- ## Workflow ```mermaid sequenceDiagram participant Dev participant CC as Claude Code participant MCP as MCP Server participant WP as WordPress participant DB as SQLite DB Dev->>CC: Request page update CC->>MCP: Query page structure MCP->>WP: GET /wp-json/elementor/ WP-->>MCP: Return element tree MCP-->>CC: Display structure CC->>MCP: Batch update elements MCP->>WP: POST updates WP-->>MCP: Confirm changes CC->>DB: Log audit entry Dev->>CC: Request screenshot verify CC->>WP: Playwright screenshot WP-->>CC: Visual confirmation ``` --- ## Features
Date
2x/3x variants
Portfolio + Internship
Polylang
PNG screenshots
Status
2026-05-18
About page
--- ## Quick Start ### Prerequisites - Node.js 18+ - Python 3.10+ - Playwright (for screenshot automation) ### Install ```bash # Clone repository git clone https://github.com/GifariKemal/suriota-stack-web.git cd suriota-stack-web # Install Node dependencies npm install # Install Playwright browsers npx playwright install ``` ### Usage ```bash # Backup all WordPress data node tools/js/backup-all.js # Screenshot audit 9 key pages node tools/js/screenshot-audit.js # Insert audit findings to database python tools/py/audit_insert.py # Build final page structure python tools/py/build_final.py ``` --- ## Folder Structure ``` suriota-stack-web/ ├── README.md # This documentation ├── LICENSE # License file ├── CONTRIBUTING.md # Contribution guidelines ├── package.json # Node.js dependencies ├── .gitignore # Git ignore rules │ ├── docs/ # Documentation │ ├── AGENTS.md # AI agent instructions │ └── swarm-config.md # Agent swarm configuration │ ├── tools/ # Automation scripts │ ├── py/ # Python scripts │ │ ├── audit_insert.py # Audit DB insertion │ │ ├── build_final.py # Page builder │ │ ├── build_retina.py # Retina asset builder │ │ ├── mkjson.py # JSON payload generator │ │ └── update_sections.py # Batch section updater │ └── js/ # JavaScript scripts │ ├── backup-all.js # WordPress backup │ ├── screenshot-audit.js # Visual regression │ └── take-screenshots.js # Playwright screenshots │ ├── audit/ # Website audit reports (11 files) │ ├── COMPREHENSIVE-WEBSITE-AUDIT-2026-05-18.md │ ├── VALIDATION-REPORT-2026-05-19.md │ └── ... │ ├── backups/ # WordPress backup data │ ├── elementor_*.json # Elementor globals/colors/typography │ ├── pages.json # Page structures │ ├── posts.json # Post data │ └── templates/ # Elementor template backups │ ├── design-system/ # Design system assets │ ├── DESIGN-SYSTEM.md # Design tokens documentation │ └── sx-design-system.css # CSS design system │ ├── exports/ # Exported data │ └── json/ # JSON content exports │ ├── data/ # Database and data │ └── db/ │ └── website_audit.db # SQLite audit database │ ├── content/ # Content exports ├── media/ # Media assets └── templates/ # Template exports ``` --- ## Tools Reference ### Python Scripts
Minified payload
Post-fix validation
2026-05-18
2026-05-18
2026-05-18
See full documentation in [`design-system/DESIGN-SYSTEM.md`](design-system/DESIGN-SYSTEM.md). --- ## Tech Stack ```mermaid graph LR WP[WordPress 6.x] --> EL[Elementor Pro] EL --> PHP[PHP 8.x] PHP --> SQL[MySQL] PW[Playwright 1.x] --> NODE[Node.js 18+] PY[Python 3.10+] --> SQ[SQLite] MCP[MCP Server] --> CC[Claude Code] ```