Skill UI

Provides expert-level, implementation-ready guidelines for Skeuomorphism design systems. It covers foundational elements like color palettes, typography scales, and spacing rules, combined with WCAG 2.2 AA accessibility standards. Users can build intuitive, familiar, and highly relatable digital interfaces by mimicking real-world textures and physical metaphors.

This comprehensive guide establishes the standards for a modern, minimalist, and highly functional design system. It defines foundational elements like typography, color tokens, and spacing scales, while strictly adhering to WCAG 2.2 AA accessibility. It provides structured workflows, detailed component rules, and quality gates for both designers and engineers to ensure consistent, usable, and aesthetically pleasing product experiences.

This skill provides expert guidance on creating comprehensive, implementation-ready design system documentation. It covers visual foundations (color, typography, spacing), component anatomy, interaction states, and rigorous accessibility standards (WCAG 2.2 AA). Use it to ensure product consistency and quality across engineering and design teams.

This comprehensive guide provides expert, implementation-ready guidelines for building narrative-driven digital experiences. It covers foundational elements like visual style, typography, color tokens, and spacing, alongside strict component rules and accessibility standards (WCAG 2.2 AA). Use it to transform functional interfaces into emotionally resonant and memorable user journeys.

A comprehensive, implementation-ready guide for building editorial interfaces. This system defines foundational tokens, typography (DM Serif Display), color palettes, and accessibility standards (WCAG 2.2 AA) to create clean, readable, and aesthetically rich long-form content layouts, perfect for blogs and storytelling platforms.

This guide teaches you how to function as an expert design-system guideline author for the 'Vibrant' brand. It provides comprehensive, implementation-ready documentation covering foundational tokens (color, typography, spacing), detailed component rules (states, variants, interactions), and adherence to WCAG 2.2 AA accessibility standards. The output is structured, actionable, and includes quality assurance checklists for both designers and engineers.

Act as an expert guide author specializing in the Vintage design aesthetic (1950s–1990s). This skill provides comprehensive, implementation-ready guidelines for creating design systems, covering visual tokens, component anatomy, accessibility standards (WCAG 2.2 AA), and strict writing rules. It ensures output is structured, opinionated, and highly practical for engineers and designers.

A meta-orchestrator designed for compliance teams to manage complex, multi-jurisdictional compliance programs. It automatically selects applicable regulatory frameworks (e.g., ISO 27001, GDPR, EU AI Act, HIPAA), computes control overlap across standards, simulates mock audits, and consolidates evidence into a unified reuse map. Ideal for planning annual audits or achieving multi-certification.

This multi-framework compliance officer tool pressure-tests an organization's compliance program against six critical questions. It is essential for pre-audit planning, adopting new standards (e.g., ISO, HIPAA, GDPR), or preparing for formal certification stages. It ensures comprehensive governance and efficiency across multiple regulatory frameworks.

A comprehensive tool designed to pressure-test US medical device Quality System Regulation (QSR) compliance (21 CFR 820). It generates a readiness report by interrogating six critical areas—including complaints, CAPAs, and process validation—essential for internal audits, pre-FDA inspections, or responding to Form 483 observations. It ensures alignment with both FDA requirements and ISO 13485 standards.

This skill acts as an expert author for creating comprehensive, implementation-ready design system guidelines. It covers foundational elements, including brand identity, color tokens, typography scales, and spacing rules. It mandates structured documentation, component state definitions (default, hover, error, etc.), and strict adherence to WCAG accessibility standards, ensuring consistency and usability across all digital products.

A rigorous simulation tool for auditing a medical device's Quality Management System (QMS) against ISO 13485 standards. It forces checks on six critical areas: Design History Files (DHF), CAPA effectiveness, Process Validation, Risk Management, Post-Market Surveillance, and Management Review. Essential for pre-audit, MDR, and FDA QSR alignment.