Skill UI

This framework provides a systematic guide for evaluating and improving user interface usability based on established heuristic principles. It covers core concepts like 'Don't Make Me Think' and 'Get Rid of Half the Words,' helping users conduct detailed usability audits, analyze navigation flow, and optimize copy. Use this when reviewing a product's user experience, addressing user confusion, or performing a formal UX review to enhance clarity and efficiency.

This skill is designed to enhance the overall feel and usability of user interfaces. Currently, this file is undergoing Japanese translation. Please refer to the original English skill file for detailed functionality and usage scenarios.

This guide details the principles and implementation techniques for Skeuomorphism—the design style that makes digital interfaces resemble real-world physical objects. It covers core principles like realistic textures (wood, leather), physical lighting, depth, and real-world metaphors. Provides detailed code examples for Web (CSS), iOS (SwiftUI), and Android (Flutter) to achieve highly realistic, tactile UI elements.

This skill analyzes React, Tailwind, or HTML interfaces against a comprehensive design rubric (74 rules). It scores the UI from 0-100, identifying common flaws that make interfaces look generic, unfinished, or "AI-generated"—such as mixed corner radii, poor color discipline, or missing states. It provides a prioritized list of actionable fixes to ensure a polished, professional, and user-centric experience before deployment.

A skill focused on polishing user interfaces so they feel more responsive, intuitive, and delightful. Covers interaction details, micro-animations, feedback states, and UX refinements for web and app frontends.

A writing skill inspired by Dangnian Mingyue, author of 'Those Stories of the Ming Dynasty'. It teaches how to make history engaging and accessible using humor, modern language, psychological insight into historical figures, and vivid power-struggle narratives. Ideal for writers, educators, and content creators who want to humanize historical events and bring the past to life for general audiences.

This skill facilitates visual philosophy and art direction for frontend development. Ideal for high-concept work, campaigns, or defining unique aesthetic manifestos. It guides naming a movement and articulating visual manifestations through space, form, color, and material. Emphasizes craftsmanship, minimal text, and creative space for interpreters to make high-level choices.

This guide details the principles and implementation techniques for Skeuomorphism—the design style that makes digital interfaces resemble real-world physical objects. It covers core principles like realistic textures (wood, leather), physical lighting, depth, and real-world metaphors. Provides detailed code examples for Web (CSS), iOS (SwiftUI), and Android (Flutter) to achieve highly realistic, tactile UI elements.

Install and run the pinned AI Logo Maker package to turn a brand name, industry, or reference image into logo concepts and a scalable brand mark via the paid hosted Beatra service (MCP), with verified download, review, and authorization steps.

Generate event posters, promo banners, and social media graphics from event descriptions, product photos, or brand references via the paid Beatra AI Poster Maker hosted service.