The toolkit
behind the stuff

Premium utilitarian minimalism. Warm monochrome, bento grids, editorial typography.

Production-grade frontend generation that avoids the generic AI aesthetic.

Teaches Claude to design like a high-end agency. Exact fonts, spacing, shadows, and animations.

Senior UI/UX engineering directives. Metric-based rules, strict component architecture, hardware-accelerated CSS.

Emil Kowalski's philosophy on UI polish, animation decisions, and invisible details that make software feel great.

Raw mechanical interfaces. Swiss typographic print meets military terminal aesthetics.

Semantic design system for Google Stitch. Premium, anti-generic UI standards.

Upgrades existing sites to premium quality. Audits current design, identifies generic patterns, applies high-end standards.

Typography tuning — font choices, hierarchy, sizing, weight, and readability.

Layout and spacing improvements. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy.

Adds strategic color to monochromatic designs, making interfaces more engaging.

Amplifies safe designs to make them more visually interesting without losing usability.

Tones down aggressive designs, reducing intensity while preserving quality.

Strips designs to their essence by removing unnecessary complexity.

Realigns UI to match design system standards, spacing, tokens, and patterns.

Consolidates reusable components, design tokens, and patterns into a design system.

UX/UI planning before code. Structured discovery interviews, then a design brief.

UX evaluation with quantitative scoring, persona-based testing, and anti-pattern detection.

Improves UX copy, error messages, microcopy, labels, and instructions.

Onboarding flows, empty states, and first-run experiences to help users reach value quickly.

Responsive design across screen sizes, devices, and platforms. Breakpoints, fluid layouts, touch targets.

Technical quality checks across accessibility, performance, theming, responsive design.

Final quality pass — alignment, spacing, consistency, micro-detail fixes before shipping.

Moments of joy — personality, unexpected touches, micro-interactions that make interfaces memorable.

Production-readiness — error handling, i18n, text overflow, edge case management.

UI performance diagnostics across loading speed, rendering, animations, images, and bundle size.

Purposeful animations, micro-interactions, and motion that improve usability.

Technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations.

Overrides default LLM truncation. Forces complete code generation with no placeholders.

Generates polished App Store screenshots and preview assets for iOS app submissions.

Official Vercel integration for Claude Code. Deploy, manage projects, and check build status without leaving the CLI.

Language server support for Swift in Claude Code. Better autocomplete, diagnostics, and navigation for iOS development.

Official Figma integration. Read designs, get screenshots, generate code from Figma files, manage Code Connect mappings.