Skill UI

Audit a component or page for accessibility issues and fix them. Follows WCAG 2.2 AA compliance, covering color contrast, touch targets, keyboard navigation, semantics, and ARIA. Ideal for front-end developers and UI designers to ensure web accessibility.

This skill generates composed UI patterns like card layouts, lists, forms, and grids using design system primitives. It helps developers assemble reusable interface sections efficiently without recreating basic elements. Suitable for building structured content areas within pages while adhering to established design tokens and layout rules for consistency.

This skill automates the creation of comprehensive unit tests across multiple programming languages like Python, JavaScript, and Java. It analyzes source code to identify functions and classes, then generates maintainable test suites with strong coverage, edge case handling, and proper mocking. Ideal for developers seeking consistent test structures and improved code quality without manual writing.

Expert Unity developer skill for building high-performance, cross-platform games with optimized C#, URP/HDRP rendering pipelines, advanced asset management, and scalable architecture.

This skill provides production-grade patterns for Unity's Data-Oriented Technology Stack (DOTS). It covers essential components like Entity Component System (ECS), the Job System, and the Burst Compiler, enabling developers to build high-performance, scalable games. Use this when optimizing CPU-bound logic, managing thousands of entities, or migrating traditional OOP game code to a data-oriented design.

Unship is a dedicated local workflow for front-end developers to compare multiple AI-generated UI alternatives (such as layouts, copy, or flows) directly within a running application environment. Instead of committing to one generated version, it adds temporary source-level variants, allowing for visual comparison. After the user selects the final version, the skill automatically cleans up all unused temporary code and attributes, ensuring a clean, production-ready codebase. Note: This tool is for local iteration only, not for production A/B testing or analytics.

Rewrites commit messages to sound like a careful human engineer wrote them. Strips AI/marketing slop (e.g., 'comprehensive solution', 'robust implementation', 'leverage') while keeping Conventional Commits format. Ensures direct, specific, and imperative subject lines with optional context-rich body. Ideal for developers who want clean, professional git history without AI-generated jargon.

Design pricing models that developers understand, accept, and can predict. Covers metric selection, examples from Stripe, Twilio, Vercel, and DigitalOcean, and common pitfalls to avoid.

A comprehensive guide for developers to implement the iconic Vaporwave aesthetic across multiple platforms, including Web (CSS), iOS (SwiftUI), and Flutter. It details core principles such as 90s OS motifs, cyan/magenta neon gradients, and surreal pastel color palettes, enabling the creation of nostalgic, retro-futuristic user interfaces.

This skill enables developers to deploy frontend and full-stack applications on Vercel efficiently. It covers setting up preview environments for pull requests, configuring edge functions, managing environment variables across different stages, and implementing production guardrails. Includes integration with GitHub Actions for automated CI/CD pipelines and security best practices like custom domains and headers.

Vexor is a command-line interface tool that utilizes vector embeddings to perform semantic file searches. It is designed to enhance workflow efficiency by allowing users to query files based on meaning rather than keywords, particularly when integrated with AI models like Claude or Codex. Ideal for developers needing context-aware file retrieval within codebases or documentation.

This comprehensive toolkit automates critical Webflow operations, including managing CMS collections (create, update, delete), site publishing, page inspection, and asset uploads. By connecting via Rube MCP, it allows developers to programmatically interact with Webflow's backend, making it ideal for implementing automated content workflows, CI/CD pipelines, and large-scale content management systems.