Skill UI

This skill acts as an expert guide for developing comprehensive, implementation-ready design systems with a premium, Apple-inspired aesthetic. It provides detailed guidelines covering foundational tokens (color, spacing, typography), component anatomy, interaction states, advanced accessibility standards (WCAG 2.2 AA), and structured authoring workflows, ensuring consistency and polish across all digital products.

Acts as an expert guide for generating comprehensive, implementation-ready design system documentation. It enforces strict best practices covering visual foundations, component anatomy, accessibility standards (WCAG 2.2 AA), and structured writing workflows, ensuring consistency and clarity for engineering and design teams.

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 designing and implementing robust Infrastructure as Code (IaC) using Terraform or OpenTofu. Covers module hierarchy design, best practices for naming conventions, structuring multi-environment pipelines, advanced testing strategies (native tests, Terratest, static analysis), and integrating security scanning (trivy, checkov) into CI/CD workflows.

This advanced orchestrator manages complex internal business workflows, covering process mapping, vendor management, capacity planning, and procurement optimization. It acts as a central router, classifying multi-signal inquiries and delegating tasks to specialized sub-skills (e.g., knowledge-ops, vendor-management). It follows a structured, depth-first workflow and returns actionable, digested reports anchored in documentation and next steps.

This skill captures complex conversational workflows, troubleshooting paths, or repeatable processes from a chat session. It guides the user through a three-phase process: planning the skill definition, receiving user approval and refinements, and finally generating the complete, structured SKILL.md body. Ideal for documenting expertise and enabling future automation via skill invocation.

This skill enables internal operations leaders to document complex end-to-end business processes using BPMN-style notation. It moves beyond simple visualization by applying deterministic Lean/Six Sigma principles to quantify efficiency. Key outputs include cycle-time analysis (P50, P90), value-add ratio calculation, and a ranked list of critical bottlenecks, providing actionable insights for optimizing core business workflows.

This skill provides a comprehensive solution for embedding the powerful, Photoshop-compatible Photopea editor into any web application. Using photopea.js, developers can control the embedded instance via JavaScript, enabling advanced workflows such as opening remote files, loading local assets (fonts, brushes), executing custom scripts to manipulate layers and text, and exporting the final result in various formats (PNG, JPG, PSD, WebP). Ideal for building professional creative tools directly into your product.