jshmllr

jshmllr/tokyn

Command Claude Code

Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.

jshmllr/tokyn

Command Claude Code

Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.

jshmllr/tokyn

Command Claude Code

Run systematic quality checks and generate a comprehensive audit report with prioritized issues and actionable recommendations. Don't fix issues - document them for other commands to address.

jshmllr/tokyn

Command Claude Code

Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences.

jshmllr/tokyn

Command Claude Code

Identify and improve unclear, confusing, or poorly written interface text to make the product easier to understand and use.

jshmllr/tokyn

Command Claude Code

Strategically introduce color to designs that are too monochromatic, gray, or lacking in visual warmth and personality.

jshmllr/tokyn

Command Claude Code

Conduct a holistic design critique, evaluating whether the interface actually works—not just technically, but as a designed experience. Think like a design director giving feedback.

jshmllr/tokyn

Command Claude Code

Identify opportunities to add moments of joy, personality, and unexpected polish that transform functional interfaces into delightful experiences.

jshmllr/tokyn

Command Claude Code

Identify reusable patterns, components, and design tokens, then extract and consolidate them into the design system for systematic reuse.

jshmllr/tokyn

Command Claude Code

Strengthen interfaces against edge cases, errors, internationalization issues, and real-world usage scenarios that break idealized designs.

jshmllr/tokyn

Command Claude Code

Analyze and redesign the feature to perfectly match our design system standards, aesthetics, and established patterns.

jshmllr/tokyn

Command Claude Code

Create or improve onboarding experiences that help users understand, adopt, and succeed with the product quickly.

jshmllr/tokyn

Command Claude Code

Identify and fix performance issues to create faster, smoother user experiences.

jshmllr/tokyn

Command Claude Code

First: Use the frontend-design skill for design principles and anti-patterns.

jshmllr/tokyn

Command Claude Code

Reduce visual intensity in designs that are too bold, aggressive, or overstimulating, creating a more refined and approachable aesthetic without losing effectiveness.

jshmllr/tokyn

Command Claude Code

Run accessibility and visual design review.

jshmllr/tokyn

Command Claude Code

Remove unnecessary complexity from designs, revealing the essential elements and creating clarity through ruthless simplification.

jshmllr/tokyn

Command Claude Code

Gather design context for this project, then persist it for all future sessions.

jshmllr/tokyn

Skill Claude CodeCodex

Perform a meticulous final pass on UI code. Use when polishing components, doing a final review before shipping, or when asked to polish or refine the UI.

jshmllr/tokyn

Skill Claude CodeCodex

Review code for accessibility and visual design issues. Use when reviewing UI code, auditing components, checking accessibility, or when asked to review a file for design issues.

jshmllr/tokyn

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications to avoid generic AI aesthetics and make memorable UIs.

jshmllr/tokyn

Skill Claude CodeCodex

Accessibility and interaction rules for building UIs. Use when building forms, buttons, navigation, animations, or any interactive elements.

jshmllr/tokyn

Skill Claude CodeCodex

Master workflow for building exceptional UIs. Use when starting UI work, building components, or when the user asks about the development process for interfaces.

jshmllr/tokyn

Cursor rule Cursor

Concise rules for building accessible, fast, delightful UIs.