Skill UI

A comprehensive engineering stack for designing and implementing robust, production-grade payment gateways for Software-as-a-Service (SaaS) platforms targeting the Pakistani market. It covers integrating major local providers like JazzCash and Easypaisa, handling complex payment flows (PKR billing, webhooks, idempotency), and performing essential financial reconciliation and auditing processes. This guide ensures high correctness and reliability in B2B/SaaS billing operations in Pakistan.

This framework provides a systematic blueprint for building a scalable, predictable B2B sales machine. It emphasizes the critical principle of role specialization (SDR, AE, CSM) and modern outbound prospecting (Cold Calling 2.0) to ensure repeatable growth. Use this guide when optimizing your sales pipeline, defining lead generation strategies, or scaling B2B SaaS operations.

A comprehensive, systematic framework for auditing and improving web UI designs and frontend code. It teaches core principles like grayscale-first design, constrained scaling (for spacing, type, and color), and establishing clear visual hierarchy. Use this guide when needing to refine an existing UI that 'looks off,' or requires professional structural and aesthetic improvements.

A comprehensive system for creating high-conversion quiz and assessment funnels. This skill guides users through a 4-step process, from crafting irresistible landing pages (concept hooks) to designing structured questionnaires and automating follow-up sequences. It is specifically designed to generate qualified leads by tapping into prospects' dormant desires, achieving 30-50% conversion rates.

A comprehensive guide for building modern, accessible, and scalable user interfaces using the shadcn/ui component library. This document outlines core principles, best practices for component composition, styling rules (including Tailwind CSS usage), and structured approaches for forms and layouts. Essential for developers building complex design systems and ensuring code consistency.

A powerful code review utility designed for SwiftUI projects. It comprehensively analyzes code quality, ensuring adherence to modern Swift APIs, optimal performance, robust data flow management, and compliance with Apple's Human Interface Guidelines and accessibility standards (like VoiceOver and Dynamic Type). Use this tool when writing, refactoring, or reviewing complex SwiftUI implementations to maintain high code hygiene and maintainability.

This skill guides the creation of world-class, immersive web designs, aiming for Awwwards-level quality. It emphasizes intentional typography, purposeful motion, and sophisticated visual composition. Users can leverage the detailed scoring rubric (Typography, Composition, Motion, etc.) to review and elevate existing designs, ensuring every pixel is deliberate and performance-optimized.

This comprehensive system provides a complete framework (EOS) for businesses to achieve operational excellence and align their vision with daily execution. It covers six critical components—Vision, People, Data, Issues, Process, and Traction—offering tools like V/TO, Accountability Charts, and Scorecards to ensure sustainable growth and measurable performance. Ideal for growing companies seeking structured management.

This framework provides a systematic guide for evaluating and improving user interface usability based on established heuristic principles. It covers core concepts like 'Don't Make Me Think' and 'Get Rid of Half the Words,' helping users conduct detailed usability audits, analyze navigation flow, and optimize copy. Use this when reviewing a product's user experience, addressing user confusion, or performing a formal UX review to enhance clarity and efficiency.

This comprehensive guide provides principles for selecting, pairing, and implementing typefaces for optimal web readability. It covers advanced topics such as line height optimization, responsive typography, CSS implementation, and performance best practices. Use this when focusing on improving content legibility for long-form articles, dashboards, or general UI systems.

Automates project-aware diary maintenance by recording status from conversations, refreshing context, extracting global and project progress, and syncing to Notion/Obsidian while enforcing strict workflow steps.

A systematic framework for launching and validating new products and business models. It guides users through the Build-Measure-Learn loop, emphasizing validated learning over vanity metrics, and structuring Minimum Viable Product (MVP) experiments to test core assumptions and determine if a pivot or perseverance is necessary.