Skill UI

This comprehensive guide covers best practices for building modern Angular applications. It provides detailed instructions on component architecture, state management using Signals, advanced routing, dependency injection, handling forms (prioritizing Signal Forms), and implementing accessibility (ARIA). It also details setup procedures for new projects and modern rendering strategies like SSR.

A comprehensive, implementation-ready guideline for creating a modern, editorial design system tailored for books, magazines, and reports. This skill defines foundational constraints, including typography scales, color tokens, spacing rhythm, and accessibility standards (WCAG 2.2 AA), ensuring visual consistency across all digital and print media.

Automates the process of filling out web forms using a structured field map (field_name → value). This tool supports using stored templates for known forms, or falling back to analyzing the page accessibility snapshot if no template exists. It includes mandatory PII screening (aidefence_has_pii) and handles form submission, making it ideal for automating sign-ups, checkouts, and data entry tasks.

Automates comprehensive end-to-end Quality Assurance (QA) for deployed web applications. This skill performs multi-stage testing, including smoke tests, complex user interactions (forms, authentication), visual regression checks across breakpoints, performance monitoring (Core Web Vitals), and WCAG accessibility audits.

Compares two recorded browser sessions step-by-step by matching steps via shared step IDs. It performs both pixel-level diffing on screenshots (for visual regression) and node-by-node diffing on accessible DOM snapshots (for structural changes). Ideal for visual regression testing, comparing A/B flow variants, and verifying replay consistency in UI development.

A comprehensive skill set for senior transportation managers overseeing a large, multi-modal carrier portfolio. It covers the full lifecycle of carrier engagement, including sourcing, compliance checks (FMCSA SAFER), executing complex RFPs, negotiating granular rate components (linehaul, FSC, accessorials), and establishing performance scorecards. Use this skill to optimize logistics costs, mitigate supply chain risks, and ensure consistent service quality across varied freight types.

This guide outlines the architecture and implementation steps for building a robust, production-ready design system. It covers core elements like design tokens, reusable components, and layout patterns. Ideal for teams needing to maintain design consistency, ensure accessibility, and synchronize design (Figma) with implementation (Storybook).

A comprehensive guide to building highly accessible user interfaces using React and Next.js. Covers best practices for semantic HTML, proper ARIA attribute usage, managing form labels and error states, and ensuring full keyboard navigation support. Essential when developing any interactive component or form.

A comprehensive framework for creating structured, clean, and highly accessible design systems. It defines foundational constraints, typography scales, color tokens, and component-level rules, ensuring consistency and usability across engineering and design teams. Focuses on achieving WCAG 2.2 AA compliance and implementation readiness.

A comprehensive guide detailing architectural patterns for developing robust Electronic Medical Record (EMR) and Electronic Health Record (EHR) systems. Covers critical areas like patient safety protocols, structured clinical workflows, drug interaction checking, audit trail implementation, and WCAG accessibility standards. Essential for building highly reliable and compliant healthcare IT solutions.

A comprehensive guide to building HIPAA, GDPR, and other global compliance systems for healthcare applications. This pattern outlines best practices for protecting Protected Health Information (PHI) and Personally Identifiable Information (PII) by implementing robust access controls, Row-Level Security (RLS), and mandatory audit trails. Essential for any feature handling patient or clinical data.

This skill provides comprehensive guardrails for handling Protected Health Information (PHI) in US healthcare software. It guides development teams on data classification, security best practices, access control, and audit logging to ensure strict adherence to HIPAA regulations. Use it when dealing with patient data storage, transmission, or processing to prevent breaches and maintain compliance.