skills.rest
maylogger
mayloggerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

roc-aesthetic

Generate, modify, or review frontend UIs matching the Taiwanese ROC-era visual language.

32|4|Updated May 14, 2026
Search Tags:#ui-generation#frontend-styling#roc-aesthetic#taiwanese-ui#legacy-web#bureaucratic-design#traditional-chinese-copy
One-click install
npx skills add https://github.com/maylogger/roc-aesthetic --skill roc-aesthetic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: roc-aesthetic
Source: https://github.com/maylogger/roc-aesthetic/tree/main
Command: npx skills add https://github.com/maylogger/roc-aesthetic --skill roc-aesthetic

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about roc-aesthetic

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a legacy Taiwanese public sector UI without making it look like a parody?▼

To generate an authentic Taiwanese ROC-era UI, apply granular design rules for layout, spacing, and typography that prioritize information density and controlled micro-imperfections over modern SaaS polish, avoiding ironic parody.

What is the ROC aesthetic for frontend styling?▼

The ROC aesthetic for frontend styling is the dense, patched visual language of legacy Taiwanese public information systems, prioritizing administrative structures, dense tables, and formal Traditional Chinese copy over modern interface polish.

Can I retrofit a modern SaaS dashboard to match traditional Chinese bureaucratic design?▼

Yes, you can retrofit a modern SaaS dashboard by applying rule files for color, buttons, and tables to introduce dense information layouts, announcement strips, and slightly inconsistent spacing characteristic of legacy administrative pages.

Does this approach support generating formal Traditional Chinese copy for public service scenarios?▼

Yes, generating formal Traditional Chinese copy for public service scenarios is supported through dedicated copywriting rules that ensure the text matches the sincere bureaucratic tone of legacy Taiwanese public information systems.

What are the limitations of using legacy web design rules for frontend UI generation?▼

The limitation of using legacy web design rules is that they intentionally prioritize controlled micro-imperfections and accumulated vendor patches over modern SaaS polish, which may not suit applications requiring clean, contemporary interface standards.

Related Skills

Explore More Design & Creative Skills→
stericisherestericishere
1

design-frontend

Route UI/UX and frontend requests to relevant design guidance.

Community
Intermediate
Raymondhou0917Raymondhou0917
763

speak-human-tw

Detect and remove AI writing patterns and mainland Chinese terms from Traditional Chinese text.

Community
Intermediate
dawsonblockdawsonblock

frontend-design

Design and implement responsive UI interfaces for web applications using React and CSS frameworks.

Community
Advanced
lucaspedrozaemlucaspedrozaem
1

ui-design

Translate wireframes and requirements into token-level UI specifications for SaaS products.

Community
Intermediate