Skill UI

A specialist in modern Angular development (v17+), focusing on standalone components, Signals, and enterprise-grade architecture. This skill covers designing complex application flows, implementing robust state management using NgRx, managing reactive patterns with RxJS, optimizing bundle performance, and ensuring high code quality through rigorous testing and adherence to best practices.

A comprehensive guide detailing best practices for creating modern, clean, and highly maintainable user interfaces using Avalonia and Zafiro.Avalonia. It emphasizes leveraging semantic containers, defining shared styles, and utilizing generic components to dramatically reduce XAML redundancy and improve code structure. Learn to adopt patterns like Behaviors over Converters, and prevent deep nesting for optimal developer experience.

This comprehensive workflow automates the creation of C4 architectural documentation for any codebase. It utilizes a bottom-up analysis approach, starting by analyzing code details (Code Level), synthesizing them into logical components, mapping containers, and finally establishing the high-level system context. Ideal for documenting complex, existing systems and ensuring comprehensive technical knowledge transfer.

An expert tool for generating comprehensive C4 Code-level documentation. It analyzes existing code directories to automatically extract and document critical architectural details, including function signatures, class definitions, method dependencies, and internal data flows. It supports generating various Mermaid diagrams (classDiagram, flowchart) to visualize complex system components, ensuring accurate and maintainable technical documentation.

Maps architectural components within a codebase, computes statement-based size metrics, flags oversized or undersized modules, and generates an inventory to guide decomposition planning.

A comprehensive guide to utilizing a core, token-driven component library and design system patterns. It details best practices for managing UI styles—including spacing, color, and typography—by using semantic design tokens instead of hard-coded values. Ideal for building consistent, scalable, and maintainable user interfaces across different platforms.

Specializing in building high-performance, cloud-native applications using C# and the latest .NET 8+ framework. This skill covers end-to-end development, including building robust RESTful APIs (Minimal/Controller), implementing data access with Entity Framework Core, structuring code using CQRS/MediatR, and scaffolding Blazor components. Focuses on modern best practices like async/await, DTO mapping, and proper error handling.

A comprehensive guide to structuring effective custom prompts for AI coding assistants like Cursor. Learn the four components of prompt anatomy (Context, Task, Constraints, Format), and utilize reusable templates for complex tasks such as feature implementation, bug fixing, code review, and test generation. Master advanced techniques like Chain of Thought and Few-Shot examples to ensure high-quality, consistent code output.

Implements user-provided Figma nodes into production-ready code via the MCP workflow, ensuring design-token compliance, asset handling, and 1:1 visual fidelity for agreed UI components.

Guides React Server Components workflows, streaming SSR, code splitting, bundle/image/font optimizations, and Core Web Vitals monitoring to keep Next.js frontends fast and responsive.

This expert specializes in scaffolding complete, production-ready, accessible, and performant React and React Native components. It generates full boilerplate code including TypeScript definitions, unit tests, styles (CSS Modules, Styled-Components, Tailwind), and accessibility hooks, ensuring adherence to modern best practices for scalable frontend architecture.

This guide details the standardized directory structure and best practices for building robust and maintainable plugins for Claude Code. It covers critical components including the plugin manifest (plugin.json), commands, agents, skills, and hooks. Use this skill when you need to scaffold a new plugin, understand the required component organization, or configure the plugin's architecture according to best practices.