Skill UI

This skill automates the process of transforming high-level product specifications, requirements, and design documents into a detailed, actionable, and executable task plan. It follows a multi-stage workflow, including context loading, parallel research, and two rigorous review gates (Task Plan Review and Task-Graph Sanity Review). The output provides properly sized (1-3 hours), logically sequenced tasks, ensuring every requirement is covered and dependencies are explicitly managed, dramatically improving project planning accuracy.

This expert acts as a Design Systems Lead and Prompt Engineer for creating high-fidelity, consistent UI designs. It transforms vague ideas into structured specifications by enhancing prompts with professional UI/UX terminology, synthesizing design system source files, and managing multi-step generation and editing workflows using the Stitch MCP.

This guide details setting up a robust, local development loop for Adobe integrations (Firefly, PDF, Photoshop). It covers using the `aio` CLI for App Builder, implementing hot reload, and establishing unit/integration testing with mocking to ensure rapid, reliable iteration cycles for Adobe APIs.

A robust, production-ready architecture pattern for integrating with multiple Adobe APIs, including Firefly Services, PDF Services, and I/O Events. This pattern enforces a layered structure (API -> Service -> Client -> Infrastructure), ensuring clean separation of concerns, centralized authentication, robust error handling boundaries, and scalable workflow orchestration for enterprise applications.

The AI Dev Jobs MCP provides AI agents with real-time access to a massive index of AI and Machine Learning job listings across hundreds of companies. Users can search by role, location, or company, retrieve full job details, analyze salary ranges, list hiring companies, and get aggregate market statistics. It is essential for advanced job searching, talent matching, and labor market analysis workflows.

A comprehensive guide to setting up a full-cycle local Web3 development workflow. This skill utilizes Alchemy as the RPC provider, Hardhat for local unit testing, and integrates Mainnet forking and Sepolia testnet deployment. It covers initializing the project, configuring smart contract interactions, and implementing advanced testing patterns.

This comprehensive workflow guides the implementation of a core Algolia search feature. It covers advanced concepts such as full-text search, combining multiple filters (e.g., price range, stock status), utilizing faceted navigation for refined filtering, managing pagination, and displaying highlighted search results. This is essential for building robust and highly functional e-commerce search UIs.

A comprehensive guide to implementing secure and compliant data handling within Algolia. This skill demonstrates how to transform source records, strip Personally Identifiable Information (PII), implement attribute filtering, and enforce data access controls. It provides robust workflows for GDPR and CCPA compliance, including data deletion (Right to Erasure) and Data Subject Access Requests (DSAR).

This guide provides a comprehensive, reproducible workflow for setting up an Algolia local development environment. It covers creating separate development indices, seeding mock data, and implementing client mocking for unit tests. This process ensures fast, safe iteration cycles, allowing developers to build and test search features without ever touching production data.

This skill provides actionable strategies and code patterns to significantly reduce Anima API costs. It focuses on optimizing usage through generation caching, detecting component changes for incremental generation, and implementing smart policies to minimize unnecessary API calls. Ideal for managing large-scale design-to-code workflows and controlling API budget.

Implements an iterative development workflow using the Anima SDK. This tool allows developers to quickly generate, compare, and preview code outputs from Figma designs across multiple frameworks (React, Vue, HTML/CSS) in a local environment. Ideal for rapid prototyping, cross-framework comparison, and refining design-to-code implementation.

This guide provides a reference architecture for automating the design-to-code workflow. It outlines the complete pipeline—from Figma design input to structured React/Vue output—detailing components like Figma API integration, code generation, and crucial post-processing steps (token mapping, normalization). Ideal for establishing scalable design systems and managing large-scale design handoffs in a professional environment.