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(34 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 ios app store submission 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 skill for applying 70+ psychological principles and mental models to marketing, covering cognitive biases, persuasion techniques, consumer behavior, and ethical influence strategies.
Part of a Claude Code template applying best practices from Anthropic and community guides, featuring TDD skills, backend patterns, coding rules, Git worktree management, and slash commands for builds and security audits.
A skill that helps with pricing decisions, packaging, and monetization strategy including pricing research, tier structure, freemium models, and willingness-to-pay analysis.
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 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.
An onboarding CRO (Conversion Rate Optimization) skill from the Claude Code Template collection, which applies best practices from Anthropic and community guides including TDD, security auditing, and Git workflow commands.