Skill UI

Analyzes any frontend codebase (React, Vue, Svelte, Angular, plain CSS, Tailwind) to document the complete design system. It extracts crucial visual elements—including color palettes, typography, spacing scales, and component patterns—directly from source files, without needing to build, render, or run the application. Ideal for design audits, visual language documentation, or migrating a project's identity into a design tool.

This comprehensive guide and tool suite transforms web designs created in Stitch (HTML/CSS) into clean, production-ready React Native components. It meticulously maps HTML elements (like <div>, <button>) to native RN primitives (View, Pressable) and converts complex CSS styles (Flexbox, typography, shadows) into React Native's StyleSheet.create(). It guides developers to follow architectural best practices, including Atomic Design and data decoupling, for scalable cross-platform mobile development.

This skill provides a robust method for uploading local digital assets, including images, mockups, and full HTML files, to a Stitch project. It bypasses the limitations of standard tool calls by streaming files directly over HTTP, ensuring that large visual assets or complex web pages can be processed accurately for your design and prototyping workflow. Ideal for integrating local design iterations into cloud-based prototypes.

This skill reads the contents of a UTF-8 text file and outputs the raw bytes verbatim to stdout. It is designed for meta-skills that require round-tripping an artifact through disk for user inspection or manual editing between steps. Unlike standard file readers that prepend line numbers, this tool preserves the original structure, making it ideal for structured data formats like YAML, scripts, or SRT files that need to be accurately parsed downstream.

This comprehensive skill serves as an entry point for all web UI design needs, covering components, pages, dashboards, and advanced layouts using React, Vue, or pure HTML/CSS. It addresses not only aesthetics and polish (color, typography, spacing) but also deep structural concerns like responsive design, UX auditing, and visual system implementation. Use it whenever a user asks to improve the look, feel, or function of a digital interface.

A powerful command-line tool for recording the macOS screen and capturing system audio simultaneously. Unlike QuickTime or standard `screencapture`, this tool captures raw display and system audio directly via ScreenCaptureKit, eliminating the need for complex virtual audio drivers (like BlackHole) or elevated permissions. It is designed for scripted content creation, automated demos, and complex recording scenarios where system audio is required via the CLI.

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 tool generates a comprehensive hiring rubric and technical interview scorecard for evaluating software engineers at specific levels and roles. It defines clear behavioral anchors, structured technical questions, and system design criteria, ensuring consistent, unbiased evaluation across all interviewers, and providing a full debrief agenda.

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.

Generates a complete, structured load and performance testing plan for any service. This skill guides the definition of test objectives, establishes measurable SLO thresholds (p99, error rate, throughput), and designs multi-scenario tests (Baseline, Stress, Spike, Soak). It is essential for teams needing to set clear pass/fail criteria, select appropriate tooling (k6, Locust), and integrate performance gates into CI/CD pipelines.

ROADtools is a comprehensive offensive toolkit for Microsoft Entra ID (Azure AD). It consists of ROADrecon for offline directory enumeration (users, groups, roles, policies) and roadtx for advanced token acquisition and exchange. It is designed for authorized red-teaming and penetration testing to discover attack paths and pivot tokens across various Microsoft resources.

This skill provides comprehensive security auditing for Model Context Protocol (MCP) servers and their associated tool metadata. It is designed to detect sophisticated supply chain attacks, including tool poisoning (indirect prompt injection), Server-Side Request Forgery (SSRF), tool shadowing, and unauthenticated exposure. It is essential for securing AI agent stacks before integrating new tools or during CI/CD processes.