jakubkrehel

Implementing a design can introduce inconsistent spacing, components, and unsupported visual choices. This skill maps reference designs to existing project tokens and compares the implementation.

Complex objects and layered concepts are difficult to explain with disconnected images. Teardown builds coherent technical illustrations with interactive views and portable drawing exports.

Loading, error, and permission states can be difficult to reproduce during UI development. This skill builds a temporary component workbench with realistic fixtures and a grouped state switcher.

Separate interface reviews can duplicate issues and obscure the most important fixes. This skill coordinates specialist reviews into one evidence-based report ranked by user impact.

Technical illustrations can lose consistency when views, annotations, and exports are created separately. This skill builds shared geometry and packages a local viewer with coordinated downloads.

Unclear labels and inconsistent messages leave people unsure what to do next. This skill writes and reviews interface copy using your existing vocabulary and voice.

Interface layouts can lose clarity or clip content when resized, translated, or mirrored. This skill guides focused fixes for grouping, alignment, spacing, and responsive structure.

Scattered colors and unclear token roles make themes difficult to maintain. This skill guides palette generation, semantic naming, and contrast reviews using your project conventions.

Web interfaces can block users who rely on keyboards, screen readers, or zoom. This skill guides targeted fixes and reports WCAG 2.2 criteria with verification limits.

Inconsistent sizes, cramped spacing, and hidden text make interfaces harder to read. This skill guides typography reviews and styling fixes using existing CSS or Tailwind conventions.

Small inconsistencies in motion, surfaces, and icons can make an interface feel unfinished. This skill provides concrete rules and values for focused improvements.

Teams often compare superficial UI alternatives without learning which design decision matters. This skill builds distinct, accessible variants and a shareable picker for informed selection.

小さなUIのディテールは、完成したプロダクトを粗く感じさせることがよくあります。このスキルは、Claude、Codex、Claude Codeがタイポグラフィ、サーフェス、モーション、インタラクションの仕上がりをレビューするのに役立ちます。

Interface changes can introduce visual, accessibility, and content regressions across connected surfaces. This skill resolves the change scope and produces evidence-based findings with clear status labels.

Web interfaces hide their implementation behind compiled styles and runtime behavior. This skill gathers evidence and explains the design system or visual effect.

UI components often fail when content, states, or container sizes differ from the expected path. This skill builds a focused harness that exposes visible failures.