Skill UI

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.

A powerful Python skill for adding professional callouts, arrows, and labels to various images, including screenshots, diagrams, and architecture documents. It allows users to visually highlight specific areas or changes. The advanced `annotate.py` module provides algorithmic label placement, optimizing for readability and preventing overlaps. Ideal for creating clear PR descriptions, documenting changes, or building annotated demo assets.

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.

Use PaperJSX to automate the creation of professional documents, including PPTX presentations, DOCX reports, XLSX spreadsheets, and PDF files. By providing a structured JSON specification, this tool generates ready-to-use files, eliminating manual formatting and ensuring consistency across large-scale reporting and content generation pipelines.

A comprehensive skill for generating new design screens from text prompts or images, and iteratively editing existing designs. It incorporates advanced prompt enhancement, design tokens, and professional UI/UX terminology to ensure professional, structured, and context-aware design output for web and mobile platforms.

PBIP is the developer-mode file format for Power BI, transforming the opaque PBIX binary into a human-readable, folder-based structure. This structure is crucial for enabling robust source control (Git diffing), external editing using specialized tools like VS Code, and seamless multi-author collaboration. It standardizes how reports and semantic models are structured for professional BI development pipelines.

A comprehensive tool for managing the entire Android development lifecycle from the terminal. It allows users to create new projects, manage SDK packages, interact with emulators and physical devices, run detailed tests, inspect UI layouts, and search official Android documentation via CLI commands. Essential for professional Android developers.

Produces a structured, scannable weekly engineering status report. This tool helps teams communicate critical progress, key metrics, decisions, blockers, and future priorities to stakeholders and management. The standardized format ensures information is easily digestible and highly professional, making status updates clear and concise.

A comprehensive guide for designing and implementing professional, data-driven dashboards across web, iOS, and Flutter. It details core principles like modular grid layouts, establishing data hierarchy (KPIs, charts), and maintaining minimalist aesthetics. Includes specific code examples using CSS Grid, SwiftUI, and Flutter widgets to ensure optimal user experience and data clarity.

This comprehensive skill provides a holistic approach to building modern, accessible, and visually stunning user interfaces. It combines the highly accessible components of shadcn/ui (built on Radix UI), the utility-first power of Tailwind CSS, and sophisticated visual design principles (Canvas). Use this when developing complex React applications, implementing full design systems, ensuring responsive layouts across devices, and requiring professional-grade visual compositions, from dashboards to marketing posters. It guarantees consistency, accessibility, and rapid prototyping.

This skill automatically rewrites raw commit messages to adhere to professional engineering standards. It strips out common 'AI/marketing slop' phrases (like 'robust implementation' or 'leverage') while strictly maintaining the Conventional Commits format. It ensures subjects are concise, bodies provide necessary context (why, breaking changes), and the tone is direct and actionable, making your project history clean and readable.

A constraint-based protocol designed to professionalize existing code by normalizing comments and performing safe, non-semantic cleanup. This skill converts informal, outdated, or missing documentation into clear, concise, and professional standards without altering the core logic or behavior. Ideal for preparing code for code review, open-sourcing, or formal documentation.