ui-ux-pro-max
🎯Skillfrom kimny1143/claude-code-template
|A UI/UX design intelligence skill for Claude Code covering planning, building, and reviewing UI code with 50+ styles, 21 color palettes, and accessibility-first principles.
Overview
A Claude Code skill focused on UI/UX design intelligence for planning, building, reviewing, and improving user interfaces. Written primarily in Japanese, it enforces opinionated design principles centered on the philosophy that eliminating unnecessary elements is the essence of good design, with strong emphasis on WCAG 2.1 accessibility compliance and avoiding the "AI-generated look."
Key Features
- Five Iron Rules - Question everything before building, decide on one hero element per section, make one element 120% instead of all elements 70%, suggest removal over addition, and criticize before creating
- WCAG 2.1 Accessibility - Prioritizes accessibility over visual beauty with specific contrast ratio requirements (4.5:1 for normal text, 3:1 for large text and UI components)
- Glassmorphism Safety - Provides safe color combinations for glass-style UI with transparent backgrounds while maintaining accessibility
- Anti-AI-Generated-Look - Specifically addresses the uniform, safe aesthetic that characterizes AI-generated designs and teaches how to avoid it
- Multi-Language Typography - Includes guidance for Japanese typography alongside standard web typography principles
Who is this for?
This skill is designed for developers and designers building polished UI/UX for landing pages, dashboards, SaaS products, and mobile-responsive applications. It is particularly valuable for teams using AI to generate UI code who want to avoid the generic, uniform look typical of AI-generated interfaces, with a focus on Japanese-language projects and WCAG-compliant designs.
Same repository
kimny1143/claude-code-template(33 items)
Installation
npx vibeindex add kimny1143/claude-code-template --skill ui-ux-pro-maxnpx skills add kimny1143/claude-code-template --skill ui-ux-pro-max~/.claude/skills/ui-ux-pro-max/SKILL.mdSKILL.md
More from this repository10
A Remotion video creation skill from a Claude Code template repository that applies best practices with commands, skills, agents, and hooks for development workflows.
UX psychology skill for applying psychological effects to UI design. Covers landing pages, pricing tables, onboarding, and CTA design with cognitive principles.
A email sequence skill from Claude Code Template, providing project templates and development skills for Claude Code.
A Claude Code template applying best practices from Anthropic's official guidelines with slash commands for commits, PRs, build fixes, and security audits, plus skills for TDD, backend patterns, and coding rules.
A skill for applying 70+ psychological principles and mental models to marketing, covering cognitive biases, persuasion techniques, consumer behavior, and ethical influence strategies.
A paywall upgrade cro skill from Claude Code Template, providing project templates and development skills for Claude Code.
A copywriting skill from a Claude Code template repository based on Anthropic best practices, providing marketing copy and content creation capabilities as part of a comprehensive development skill set.
A landing page optimizer skill that analyzes and improves marketing pages using CRO frameworks and direct response principles from Schwartz, Hopkins, and Ogilvy, supporting landing pages, homepages, pricing pages, feature pages, and blogs.
A comprehensive marketing audit meta-skill that integrates LP optimization, copywriting, conversion analysis, and other marketing skills to perform systematic marketing assessments for launches, growth strategy, and competitive analysis.
A signup flow conversion rate optimization skill that helps reduce friction, increase completion rates, and set users up for successful activation across free trial, freemium, paid, and B2B/B2C signup types.