How does this skill differ from a standard AI UI review?

The skill analyzes your interface against 17 specific rules derived from Japanese product design and architecture, providing a objective score out of 34, a detailed findings table, and ready-to-use HTML/CSS fixes.

Which AI agents or platforms is this skill compatible with?

This skill is designed for any AI agent capable of processing images or code snippets, including Claude, ChatGPT, and specialized developer assistants that support vision or file analysis.

What is included in the purchase of the Japanese Interface Ergonomics skill?

You will receive the complete prompt logic containing the 17-rule framework, the library of 40+ 'before and after' design swaps, and specialized recipes for 8 different screen types including checkouts and dashboards.

Do I need to install any specific software or plugins to use this?

No complex setup is required; once you import the skill into your preferred AI agent, you can simply upload a screenshot or paste your frontend code to receive an immediate ergonomic audit.

Can this skill audit mobile apps as well as desktop websites?

The skill includes specific 'recipes' for mobile, desktop, and web-based interfaces, ensuring the ergonomic rules are applied correctly regardless of the device or screen size.

Japanese interface ergonomics

Example session with this skill installed

Review this settings card: it has an 'Edit' icon next to the title, 12 separate toggle rows for notifications, and a 'Save' button that shows a 'Changes Saved' popup. Simplify it.

Read your context and instructions
Compiled the japanese interface ergonomics

The interface is currently optimized for the grid rather than the user's focus, leading to a high cognitive load (14+ elements).

24 of 34 points (Japanese Ergonomics Score)

Ergonomic Review

#	Block	Finding	Number	Law	Swap
1	Header	Redundant 'Edit' icon	2 objects	1	Remove icon; make the title row itself the trigger.
2	Body	12 toggle rhythms	12 things	14	Group into 3 categories (Miegakure); use Oku to hide rare items.
3	Footer	Instant popup transition	0ms zone	9	Replace popup with a 300ms inline 'Saved' state with undo.

Recommended Redesign

1. The Entrance (Genkan)
Reduce the initial view to three primary notification categories: "Critical," "Activity," and "Marketing." Each category is a single wide row.

2. The Archetype (Super Normal)

<!-- Replace individual switches with word-control chips -->
<div style="display: flex; gap: 12px; padding: 12px 0;">
  <button aria-pressed="true" class="chip-active">Immediate</button>
  <button aria-pressed="false" class="chip-quiet">Daily Digest</button>
  <button aria-pressed="false" class="chip-quiet">Off</button>
</div>

3. The Result

Total elements: 14 → 6
Hit area: 24px icons → 48px category rows
Error potential: Removed "Save" requirement by using auto-save with a veranda (engawa) transition zone.

Next steps

Group the 12 notification types into the suggested three core categories.
Implement the engawa transition for the save state to remove the modal popup.
Test the "covered-icon" logic on the header to ensure the 'Edit' state is clear from text weight alone.

Connects securely to your tools. The creator never sees your data.

About this skill

Why is one app easy to use while another feels like work? It's almost never the colour. It's how many fields you fill in, where the main button sits, whether you see the full price up front and whether a mistake can be undone.

This skill turns the Japanese school of product design and architecture into 17 rules you can check with a yes-or-no question — no arguments about taste.

Where the rules come from

Product design. Naoto Fukasawa's "without thought" and Super Normal; Shigeo Shingo's poka-yoke at Toyota.
The Japanese house and garden. The tatami module, engawa, genkan, miegakure, shakkei, Fumihiko Maki's oku.
Emptiness. Kenya Hara's "Designing Design" and MUJI's kore de ii — "this will do".

What it does

Scores a screen out of 34 with numeric thresholds for every rule.
Returns a table: block · finding · number · rule · swap.
Suggests swaps from a library of 40+ before → after cases.
Knows recipes for 8 screen types: settings, forms and checkout, tables, dashboards, onboarding, navigation, mobile, empty states.
Returns corrected HTML and CSS.

What the rules don't allow

Hiding what people press, showing state by colour alone, pre-selecting paid options, cutting meaning for the sake of "clean".

See all 17 rules on a live before/after checkout: https://claude.ai/artifact/XkMHXC54MaeaqCSZL7aKbK

Free for personal and work projects.

How to use

Skills on Agensi run inside your AI agent. Copy the prompt, paste it into your agent, and it connects to Agensi and installs this skill for you. If a payment is needed, your agent shows it to you first.

Reviews

No reviews yet

Be one of the first to try it. Every listed skill passes our trust checks below.

Security scanned

Passed our 8-point scan before listing

Fresh listing

Recently published to Agensi

Free forever

No account required to browse

Japanese interface ergonomics