Skill UI

Creates an integration testing plan for .NET Oracle-to-PostgreSQL migrations by analyzing a project for data access artifacts, ranking them by migration risk, and outlining test cases, seed data, and Oracle-specific behaviors to validate.

Guides Power BI visualization and UX decisions—capturing business context, selecting optimal charts, specifying layouts, color, typography, and interaction patterns to create accessible, insight-driven dashboards across audiences.

This skill provides advanced architectural guidelines for generating premium, award-level web experiences. It guides code generation beyond basic HTML/CSS, focusing on creating immersive digital environments. Key areas include sophisticated motion design (scroll-driven narratives, micro-interactions), establishing strong visual identities (e.g., Brutalism, Glassmorphism), and enforcing strict performance best practices like hardware acceleration and accessibility compliance.

Generates detailed prompts to document end-to-end application workflows by auto-detecting architectures, stacks, entry points, services, data access, error handling, and tests across .NET, Java/Spring, React, microservices, and other tech stacks.

Defines Salesforce Lightning Web Component, Aura, and Visualforce quality/security standards covering SLDS 2 styling, accessibility (WCAG 2.1 AA), data access patterns, component communication rules, XSS/CSRF protections, view state management, and Jest testing requirements for guided UI development and reviews.

Guides optimizing content for AI Overviews, ChatGPT, Perplexity, and similar AI search systems by improving GEO visibility, llms.txt readiness, crawler access, and passage-level citability.

A comprehensive tool that analyzes complex codebases to generate detailed, structured architectural blueprints. It automatically detects and documents the entire technology stack, including primary languages (.NET, Java, Python, etc.), dependencies, versions, licensing, and implementation patterns. The output provides actionable documentation covering coding conventions, usage examples (API, data access), and visual architecture maps, ensuring consistency across guided software development projects.

Audits StyleSeed components/pages for WCAG 2.2 AA accessibility gaps and applies practical fixes for touch targets, focus states, contrast, labels, and reduced-motion behaviors in Toss-inspired mobile UI patterns.

Generates Toss-conformant React UI primitives or patterns that reuse StyleSeed tokens, accessibility defaults, and ergonomic spacing so you can add new components that stay consistent with the seed.

Audits UI code for StyleSeed’s Toss design-system, checking tokens, typography, accessibility, spacing, and mobile ergonomics to produce actionable review notes and fixes.

Transforms you into a 10x web engineer, guiding work across HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, security, performance, accessibility, and infrastructure so you can deliver standards-compliant, high-quality front- and back-end solutions.

This tool reviews user interface (UI) code files to ensure compliance with established Web Interface Guidelines and best practices. Use it when auditing design, checking accessibility, or performing general code reviews to meet industry standards and improve overall product quality. It fetches the latest rules and outputs detailed findings.