roc-aesthetic

What problem does it solve?

This Skill eliminates the difficulty of creating, modifying, or reviewing frontend UIs that authentically match the Taiwanese ROC-era "華國美學" (ROC Aesthetic) — the dense, patched, slightly imperfect visual language of legacy public information systems, old portals, and low-budget administrative pages — without accidentally producing ironic parody or modern SaaS-style interfaces that break the intended aesthetic.

Core Features & Use Cases

• Multi-scenario UI support: Handles frontend UI generation, modification, review, and Traditional Chinese bureaucratic copywriting for public service interfaces.
• Granular design rules: Provides dedicated rule files for every key design dimension: layout, spacing, typography, color, buttons, tables, banners, imagery, and copy, so agents can apply the aesthetic precisely to the relevant surface.
• Authentic legacy feel: Guides agents to prioritize information density, administrative structures, and controlled micro-imperfections over modern polish, producing interfaces that feel like they have been maintained for 15-20 years with accumulated vendor patches.
• Use case example: Retrofit a modern SaaS dashboard for a Taiwanese township office to match the ROC Aesthetic, with dense tables, announcement strips, formal Traditional Chinese copy, and slightly inconsistent spacing.

Quick Start

Ask your AI coding agent to generate a Taiwanese district office event registration page using the roc-aesthetic skill, with dense tables, announcement strips, formal Traditional Chinese copy, and slightly inconsistent spacing to match the legacy public system visual style.