Skill UI

This comprehensive guide establishes the standards for a modern, minimalist, and highly functional design system. It defines foundational elements like typography, color tokens, and spacing scales, while strictly adhering to WCAG 2.2 AA accessibility. It provides structured workflows, detailed component rules, and quality gates for both designers and engineers to ensure consistent, usable, and aesthetically pleasing product experiences.

A comprehensive guide for integrating Microsoft Graph SDK into applications. It covers accessing Microsoft 365 data (users, mail, calendar, Teams, SharePoint) from various languages (.NET, Python, TypeScript). Key topics include robust authentication patterns (Managed Identity, OBO), advanced data retrieval techniques like pagination, delta queries, batch requests, and setting up change notifications via webhooks. Learn best practices for secure and efficient API interaction.

This skill provides a rigorous set of engineering and design directives for building professional-grade user interfaces using React/Next.js and Tailwind CSS. It enforces modern architectural constraints, ensures accessibility, and guides design decisions (typography, color, layout) to avoid common web clichés, resulting in high-fidelity, production-ready code.

Comprehensive tool for finding and fixing WCAG 2.2 accessibility violations across codebases or live web pages. Operates in two modes: Report mode generates a prioritized, detailed, non-editing audit report (ideal for code reviews), while Fix mode performs an audit-edit-verify loop directly on the target to apply necessary fixes.

This skill diffs a live web page's accessibility violations against a specified baseline. It can compare changes against uncommitted local stashes or a specific Git branch. The report focuses exclusively on changes, highlighting new violations introduced, violations that have been fixed, and the count of pre-existing issues. Ideal for CI/CD pipelines and development auditing.

This skill audits a live web page against WCAG standards. It precisely locates accessibility violations, providing a detailed, selector-grounded worklist of necessary fixes without making any changes to the code. Ideal for QA engineers and developers needing a comprehensive, non-destructive report of broken accessibility elements.

A powerful CLI tool designed for deep web interaction and data scraping. bb-browser simulates genuine user behavior within a real browser environment, allowing access to both public and private enterprise systems, even requiring active user login. Key features include a Site System to turn complex websites into simple command-line APIs, advanced network request handling (with session state), form automation, and element interaction, making it ideal for enterprise data gathering and workflow automation.

Generates a comprehensive, structured audit based on WCAG 2.2 guidelines. This tool assesses UI and designs across perceivable, operable, understandable, and robust criteria, covering visual, motor, and cognitive accessibility. It produces a prioritized checklist with pass/fail assessments and specific, actionable remediation suggestions for developers and designers.

This skill generates comprehensive, production-ready database schema documents. It covers Entity-Relationship (ER) diagrams, detailed SQL DDL definitions, constraint analysis, index strategies, and access pattern optimization. Use it when designing a new database, documenting an existing one, or modeling complex data relationships for engineering review.

Generates comprehensive and structured developer handoff annotations for any Figma screen or component. This tool transforms raw visual designs into precise, buildable specifications, covering interactions, states (loading, error, success), accessibility requirements, and edge cases, ensuring developers receive everything needed for implementation.

A comprehensive, pre-deployment, defense-in-depth security audit tool for Solidity smart contracts built with Foundry. It combines static analysis (Slither, Aderyn), symbolic execution (Mythril), property-based fuzz testing, and key hygiene checks to proactively detect critical vulnerabilities like reentrancy, access control flaws, and arithmetic bugs before deployment to any EVM chain.

This guide provides a deep dive into the cryptographic techniques used by ransomware, including AES, RSA, ChaCha20, and hybrid schemes. It covers identifying algorithms, analyzing key management patterns (strong, weak, flawed), and reverse engineering file encryption routines to assess decryption feasibility and support recovery efforts.