Skill UI

A comprehensive coaching guide for advancing careers in the technology industry, covering roles like Software Engineering, Data Science, and Product Management. It provides actionable strategies for resume optimization (ATS format), technical interview preparation (Algorithms, System Design, Behavioral), salary negotiation, and navigating complex career paths (IC vs. Management). It adapts advice to both global (FAANG) and Chinese tech ecosystems.

This tool opens the dedicated Context Mode Insight dashboard in your default browser. Insight serves as the central analytics layer for AI-assisted engineering teams, providing crucial metrics such as per-engineer productive rates, identifying retry waste, detecting blockers, and offering role-narrowed performance views. It is designed to be the single source of truth for comprehensive team performance monitoring and sign-in details.

Generate production-quality React components and UIs using the specialized Rayden UI component library and Tailwind CSS. This skill ensures that all generated code strictly adheres to a defined design system, including correct component usage, design tokens, prop validation, and established layout patterns. Ideal for scaffolding complex pages like dashboards, login forms, and data tables while maintaining premium aesthetics and consistency.

This specialized skill automates the process of converting visual designs (from Stitch) into high-quality, modular React and Vite components. It adheres to modern frontend best practices, enforcing logic isolation via custom hooks, data decoupling using mock data files, and ensuring type safety with TypeScript interfaces. The workflow includes automated asset fetching, style mapping (Tailwind), and rigorous validation cycles to produce production-ready, maintainable code.

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.

Leverages the Anima SDK to convert visual designs from Figma into production-ready code across multiple modern frameworks (React, Vue, HTML). It supports clean TypeScript integration and Tailwind CSS styling, making it ideal for developers building automated design-to-code pipelines or rapidly prototyping complex UI components directly from design mockups.

This skill demonstrates how to create an event-driven pipeline using Figma's Webhooks. It listens for design file changes and automatically triggers Anima to regenerate production-ready code components (e.g., React/TypeScript/Tailwind). Ideal for integrating continuous design updates into CI/CD workflows.

A comprehensive, production-grade reference architecture for integrating with BambooHR HR data. It covers core patterns like real-time employee synchronization, scheduled data pipelines, and event-driven webhook handling. Use this when designing complex HR systems, building robust integrations, or establishing architectural standards for BambooHR-powered applications.

Provides production-ready client patterns for interacting with the Fathom API, implemented in both Python and TypeScript. This SDK wrapper is designed for building reusable client services, implementing robust meeting data pipelines, or integrating Fathom's core features (like transcripts and summaries) into specialized applications.

This skill provides comprehensive instructions and code examples for deploying Figma-powered applications, such as webhook receivers and design token APIs, to various production platforms including Vercel, Google Cloud Run, and Fly.io. It covers best practices for secret management, setting up robust webhooks, and implementing health checks to ensure reliable operation in a production environment.

A collection of production-ready patterns for interacting with the Figma REST API and Plugin API. It provides type safety, robust error handling, and reusable abstractions for tasks like building client wrappers, extracting design tokens, and traversing complex node trees. Essential for building scalable, enterprise-grade Figma integrations.

A comprehensive checklist designed to guide users through deploying Framer integrations to a live production environment. It covers best practices for plugins, code components, server API synchronization (CMS), and final site publishing, ensuring a thorough and reliable go-live process.