Skill UI

This skill teaches safe production deployment principles rather than memorizing scripts. It covers platform selection, pre-deployment verification checklists, five-phase deployment workflows, rollback strategies, zero-downtime methods, and emergency procedures. Focuses on decision-making and risk minimization for reliable software releases.

Capture a website's visual design system via Bright Data and apply its colors, typography, spacing, and component styles to an existing codebase.

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns for consistent web and mobile UI foundations.

This skill helps you create and evolve design systems using design tokens, component architecture, and accessibility guidelines. It ensures consistent, scalable, and accessible UI across products. Includes templates for tokens, components, and documentation to streamline frontend development workflows and maintain visual standards.

Pixel-perfect Figma to React conversion using coderio. Generates production-ready TypeScript, Vite, and TailwindCSS V4 components with high visual fidelity, robust error handling, and checkpoint recovery.

This skill helps developers clean up AI-generated code by removing unnecessary comments, excessive defensive checks, and type casts. It checks the diff against the main branch to identify style inconsistencies and ensures code quality. Use this when reviewing branches created with AI assistance to maintain consistency and readability across your codebase.

This skill facilitates building and iterating on web games using HTML and JavaScript. It establishes a reliable development and testing loop by implementing small changes, running Playwright-based test scripts with input bursts and pauses, inspecting screenshots and text states, and reviewing console errors. It ensures every change is validated through visual inspection and state verification before proceeding, promoting stable and bug-free game development workflows.

This skill acts as a strict sign-off manager to review product documents like PRDs, specs, or design briefs before implementation. It identifies holes such as undefined edge cases, missing states, and policy gaps by focusing on what the document is silent about. It provides a ruling (Approve/Conditional/Reject) and a polite question list for stakeholders. Suitable for PMs, engineers, and designers to ensure readiness before coding.

This skill enables professionals to design and manage cloud infrastructure using Infrastructure as Code principles. It covers Terraform, Kubernetes, CI/CD pipelines, observability, and security practices. Ideal for building scalable, secure, and automated cloud environments across AWS, Azure, and GCP.

Render clean blueprint-style SVG diagrams from compact JSON specs. Ideal for architecture sketches, request flows, state machines, neural-net diagrams, and README or slide visuals, with node types, edges, and routing options.

A structured framework for handling challenging workplace interactions including conflicts, performance reviews, and sensitive feedback. Utilizes a preparation-delivery-followup model to ensure productive outcomes and maintain professional relationships during emotionally charged discussions.

Adds 2-3 targeted follow-up questions after substantive AI answers to help users check facts, question reasoning, and notice missing context before acting.