Skill UI

This guide provides a complete, end-to-end workflow for implementing Know Your Customer (KYC) identity verification using the Persona API. It details both backend implementation (creating inquiries, handling completion callbacks, resuming flows) and frontend integration (embedding the verification UI into web applications). Ideal for secure user onboarding and identity validation processes.

This guide helps developers choose the optimal architecture pattern for building on Shopify. It compares four validated variants: Embedded Remix App (for admin tools), Headless Storefront (for custom e-commerce experiences using Hydrogen), Backend Integration (for system syncing like ERP), and Theme App Extension (for storefront widgets). Use this resource when starting a new Shopify project to determine the correct development path and technology stack.

This module provides essential abstractions for building web administration dashboards. It includes critical hooks like `useNavigateFolder` for structured routing and `useRecords` for standardized data fetching and state management. It simplifies complex frontend logic, ensuring consistency and reusability across large-scale admin applications.

Provides a standardized and robust skeleton for developing full-stack extensions that integrate both a backend API service and a frontend Admin UI. This pattern enforces clear separation of concerns, utilizing shared domain layers for data consistency while ensuring that API and Admin code are correctly registered using specific entry points. Ideal for complex applications requiring unified management interfaces and robust backend logic.

The official SDK for interacting with the Webiny Headless CMS and File Manager from external applications (Next.js, Vue, Node.js). It provides a robust TypeScript interface for performing CRUD operations (list, get, create, update, publish), advanced filtering, sorting, and ensuring type safety across complex content models. Use this when building frontends or backends that need to consume Webiny content data.

A powerful utility that converts Markdown (`.md`) files into richly formatted Word (`.docx`) documents. Built using pure JavaScript, it requires no external dependencies like Pandoc or LibreOffice. Features include automatic generation of title pages (from YAML front-matter), dynamic table of contents, and accurate embedding of PNG images, making it ideal for technical documentation and reports.

A comprehensive pre-production audit tool that scans a codebase for critical issues across eight dimensions: security, database, deployment, code quality, AI/LLM usage, dependencies, frontend, and observability. It intercepts deployment commands, forcing users to resolve critical failures before shipping code. The audit is stack-agnostic and provides detailed pass/fail/manual reports.

This tool automatically converts design screenshots or visual exports into structured, functional Vue 3 Composition API components. It supports popular UI libraries like Vant, Element Plus, and Ant Design Vue. By batch converting screenshots, it streamlines the development process from raw design assets to reusable, production-ready code, significantly boosting frontend development efficiency.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

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.

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.