Skill UI

Expert in modern Angular v20+ development, specializing in Signals, Standalone Components, Zoneless applications, and SSR/Hydration. Ideal for building new applications, optimizing performance, and implementing reactive patterns while adhering to best practices.

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states. Ideal for frontend development tasks involving state management and user interface implementation.

Astro is a modern web framework for content-rich sites like blogs and docs. It uses Islands Architecture to ship zero JavaScript by default, improving performance. Supports multi-framework components (React, Vue, Svelte) and Markdown/MDX. Ideal for static site generation with optional SSR.

This skill provides guidelines for creating modern and maintainable Avalonia UI layouts using the Zafiro.Avalonia library. It emphasizes semantic containers, shared styles, and minimizing XAML redundancy. Users should follow best practices for themes, icons, behaviors, and components to ensure clean code and consistent design across applications.

Manage Azure Application Insights resources with the .NET Resource Manager SDK, including components, API keys, workbooks, and availability tests for application performance monitoring.

This skill serves as an entry point for frontend design tasks, covering direction, design systems, and visual philosophy. Use it when building web UIs, components, or pages, or when users request improvements to layout, spacing, color, typography, or overall aesthetics. It ensures production-grade output that avoids generic AI looks.

A skill for building UI with a core component library and design system patterns. Provides guidance on using design tokens for spacing, colors, and typography, and includes patterns for Box, HStack, VStack, Text, Button, Input, and Card components. Ideal for consistent, maintainable UI development.

This skill provides modern React UI patterns for loading states, error handling, and data fetching. It covers principles like never showing stale UI, always surfacing errors, and optimistic updates. Use it when building UI components, managing async data, or handling form submissions to ensure a responsive and user-friendly experience.

This guide provides best practices for building flexible, maintainable, and scalable React components. It emphasizes using composition patterns and compound components to avoid 'boolean prop proliferation,' while also detailing advanced concepts in component architecture, state management, and modern implementation techniques (including React 19 APIs). Ideal for refactoring complex systems or designing reusable component libraries.

This skill covers building user interfaces using a core component library and design system patterns. It emphasizes using design tokens for spacing, color, and typography instead of hard-coded values. Includes components like Box, Button, Input, and layout patterns for forms and lists. Ensures consistent styling and behavior across the application.

This skill provides production-ready smart contract templates for building decentralized finance applications. It covers essential components such as staking mechanisms, automated market makers (AMMs), governance token systems, and lending protocols. Ideal for developers implementing Solidity-based DeFi infrastructure, including yield farming and flash loan integrations. Use this when creating secure and scalable blockchain financial systems.

Design-It routes frontend design tasks to 48 specific UI styles, avoiding generic aesthetics. It triggers for websites, app screens, or UI components requesting a specific aesthetic. The skill guides AI agents to select appropriate color palettes, typography, and layout principles like the 60-30-10 rule. It supports various frameworks including React, Vue, and mobile platforms.