網站開發分成平面視覺、動態特效、資料串接，每一個環節都是耗費功力，現今雖然有AI一鍵生成，但仔細用用你會發現問題層出不窮！一鍵生成的網站最常發生資料連不上不然就是程式不斷出現bug，雖然視覺設計有一鍵生成，但你會發現當你要求AI修正某個小部分，其他也全部跟著修正，修正完成原本沒問題的地方開始出問題，於是我突然一直在拯救版面！最後我發現AI只能跑跟骨架、視覺無關的系統，就如同以前套用JS外掛一樣。
AI每次寫的東西都不同，雖然都很好看，但是很難管理，專業不容被忽視，這個工具是超越AI的設計，完全自主管理介面視覺的配色部分，AI很好用但不精準、難以管理，唯一要超越AI的能力就是「精準」！精準設計是一種未來式的競爭力。
傳統我們靠scss快速定義與生成，但現在我們企圖用一個更簡單的思維來操作css介面。
在HTML+CSS視覺方面Raina主要分成骨架(排版)、色系、字型、裝飾。裝飾就是設計師所製作的圖片。
網頁視覺骨肉皮系統
- 骨｜框架：我們有一套自己開發的骨架排版系統，也稱之格線系統，可以快速定義版面架構。
- 肉｜色系、字型：搭配這一套CSS生成器，將每個小物件作為元件，統一整站色系風格。
- 皮｜動態裝飾：HTML5動畫、SVG動畫、JQuery動畫、視差動畫、CSS3動畫。
- 皮｜靜態裝飾，其中包含PHOTOSHOP、CANVA製圖、GOOGLE draw製圖…等等製圖工具。
骨肉皮思維
網站設計、網頁設計、平面設計，到處都可以區分骨架、肉、皮運作。
- 網站的骨肉皮：後端系統資料生成、前端工程、網頁視覺設計。
- 網頁設計骨肉皮：框架、色系與字型、裝飾。
- 平面設計：版面配置、色系風格、圖片與字型。
