Skill UI

Tracks every code change via structured JSON records, enforces a lifecycle state machine, and maintains session handoff context with scripts for init/create/update/status/resume/close/export workflows.

A comprehensive methodology for pinpointing the root cause of complex bugs, regressions, or unexpected behavior in large codebases. Techniques include binary search debugging, Git bisect for tracking regressions across commits, strategic data/control flow logging, component isolation, and advanced breakpoint strategies (conditional breakpoints, watch expressions). Ideal for scenarios where the bug source is unclear or difficult to reproduce.

This guide outlines a systematic workflow for requesting code reviews, crucial for validating completed tasks, implementing major features, or preparing for merge. It emphasizes reviewing early and often, ensuring reviewers focus on the tangible work product rather than the development thought process. Learn how to use specific Git SHAs and structured templates to submit comprehensive feedback requests.

A comprehensive guide for designing, reviewing, and migrating numerical workflows in MATLAB or GNU Octave. It emphasizes building reproducible projects, adhering to strict safety boundaries, and ensuring code semantics are explicit for robust data processing and analysis.

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 advanced skill optimizes LLM context usage by implementing strict rules for prompt caching, efficient log pruning, AST-based code inspection, and compact data structuring. It minimizes token consumption and maximizes information density, suitable for highly technical and iterative development workflows.

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.

This guide assists developers in upgrading the Anima SDK versions and managing associated API changes. It covers migrating from manual Figma plugin workflows to automated SDK-based code generation, ensuring seamless integration of the latest design system features into development projects.

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 guide for developers encountering complex issues with the Claude API, including context window overflow management, debugging tool use failures, handling streaming corruption, and diagnosing unexpected stop reasons. Provides Python code snippets and diagnostic commands to ensure robust AI integration.