Skill UI

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.

Provides authentication, authorization, encryption, secrets, and hardening patterns for designing secure auth flows, managing tokens, configuring CORS, and implementing best practices around API keys, JWT, OAuth, and rate limiting.

This skill guides the creation of production-ready design systems using Tailwind CSS. It covers advanced topics such as implementing design tokens, managing component variants, establishing responsive patterns, and ensuring high accessibility standards. Use this when building component libraries, applying theming, or standardizing UI patterns across a large codebase.

A comprehensive guide to modern utility-first CSS using Tailwind CSS v4 principles. Covers the shift to CSS-first configuration, utilizing CSS variables for design tokens, implementing advanced container queries, and mastering responsive, dark mode, and complex layout patterns (Grid/Flex). Essential for building modern, component-driven UIs efficiently.

Toolkit for senior UI designers that creates design tokens, component specs, responsive rules, and developer handoff assets. Apply it when building or evolving design systems to keep UI consistency and make design-dev collaboration smoother.

An expert-level skill set covering the entire spectrum of user-centered design. Mastery includes building scalable design systems using atomic principles and design tokens, conducting deep user research (usability testing, persona creation), ensuring WCAG accessibility compliance, and managing cross-platform implementation (web, mobile, desktop). Ideal for developing complex, inclusive, and highly structured digital products.

Generates high-fidelity mobile and web UI/UX mockups with atomic design principles, responsive layouts, and accessible design tokens via muapi.ai for product requirements that need professional wireframes or design systems.

A comprehensive operational CISO tool designed for total governance of enterprise credentials and secrets. It discovers, classifies, and protects all types of sensitive data—including API keys, tokens, service accounts, and passwords—across all providers (AWS, Google Cloud, OpenAI, etc.). It monitors code, Git history, CI/CD pipelines, containers, logs, and backups to prevent exposure and enforce least privilege principles.

This comprehensive guide outlines world-class product design principles, mimicking Apple's standard. It covers building robust design systems, defining essential design tokens (color, typography, spacing, motion), structuring UI components (atoms to organisms), optimizing UX flows, and designing engaging onboarding experiences. Ideal for product designers and PMs needing to establish a cohesive, scalable visual language and improve overall user experience.

Generates cohesive design systems, audits visual consistency, and checks for AI-generated slop in styling-heavy projects by extracting tokens, scoring UI dimensions, and flagging problematic patterns.

This skill performs a comprehensive security audit of Model Context Protocol (MCP) server configurations found in .mcp.json files. It is designed to identify critical vulnerabilities, including hardcoded secrets (API keys, tokens), dangerous shell injection patterns, unpinned dependencies, and compliance issues regarding approved server lists. Use this skill during security reviews, project onboarding, or pre-commit checks to ensure secure deployment.

This skill generates reusable UI components that strictly adhere to established design system conventions (e.g., StyleSeed/Toss). It enforces the use of semantic tokens, maintains accessibility standards (such as minimum touch targets and focus visibility), and ensures predictable structure, preventing ad-hoc, inconsistent markup and guaranteeing high fidelity across the entire frontend application.