Skill UI

This demo skill verifies the compatibility of MDA-compiled SKILL.md files within the Claude Code environment. It confirms that the skill's frontmatter, metadata structure, and allowed tools are correctly parsed and honored by the loader, ensuring smooth integration of compiled content into the agent workspace. It is a technical utility for development validation.

This skill demonstrates OpenCode's compatibility with MDA-compiled SKILL.md files. It verifies that the loader correctly parses crucial frontmatter fields (like name, description, and metadata) after the source has gone through the MDA compilation process, ensuring robust skill integration and data integrity.

This skill provides a comprehensive playbook for setting up and orchestrating multi-agent systems using the standalone Antigravity 2.0 Agent Manager alongside the Antigravity IDE. It guides developers on creating a dual-window workspace to coordinate specialized AI agents (e.g., front-end, back-end, QA) to work in parallel on a single codebase, significantly boosting development efficiency and managing concurrent code changes.

Use the composio CLI to orchestrate complex, end-to-end product releases across multiple services: Stripe for billing updates, Supabase for database migrations, and Vercel for frontend deployments. This single pipeline ensures that billing models, database schemas, and user interfaces are consistently updated in the correct sequence, guaranteeing reliable full-stack product launches.

This skill provides comprehensive operational capabilities for managing FrontendExtension resources in a Kubernetes cluster. It covers the entire lifecycle, including resource creation, package generation, artifact inspection, publishing, unpublishing, deletion, and deep debugging of package and publish controller behaviors. Use it for troubleshooting FE status, managing deployment pipelines, or interacting with the FE API.

This skill automates the migration of existing frontend code (such as those built with React, Vite, or other frameworks) into the proprietary Stitch Design format. It performs a multi-step workflow: first, extracting a self-contained static HTML file; second, analyzing source components and stylesheets to generate a comprehensive design system documentation (DESIGN.md); and finally, uploading both artifacts to the specified Stitch project for continuous iteration and improvement.

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.

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.

This skill transforms AI from a validating assistant into a relentless adversary. Ideal for stress-testing high-stakes decisions, business plans, or core assumptions. It forces the model to produce the strongest case against your position, identifying potential failure points and required proofs, ensuring you confront the risks you might otherwise ignore.

This skill acts as a sophisticated router for frontend design, providing access to 48 deeply opinionated UI styles (e.g., Material, Brutalism, Glassmorphism). It ensures professional aesthetic coherence by enforcing specific style guidelines, utilizing curated universal color palettes, and guiding the implementation process for both web and mobile applications.

This guide details the architecture and deployment of resilient Command and Control (C2) redirectors. By using tools like Nginx and Apache, operators establish an intermediary layer that filters beacon traffic based on malleable C2 profiles. This setup protects the true team server from detection, takedown, and analysis (OPSEC), enabling advanced techniques like domain fronting and traffic shaping for low attribution.

This skill provides expert guidance on design engineering, focusing on UI polish, micro-interactions, and high-craft component decisions. It is ideal for reviewing frontend code (React, CSS, Tailwind) to elevate perceived quality, addressing details like easing, duration, and physical feedback. Use it when subtle detail and refined taste are critical differentiators.