frontend▌

Token architecture, component specifications, systematic design, slide generation.

tailwind-ui-patterns

frontend-designer

GSAP integration for React with lifecycle-aware hooks, ref patterns, and automatic cleanup. \n \n useGSAP hook handles component lifecycle, scoped selectors, dependency tracking, and automatic animation cleanup on unmount \n Supports single and multiple element refs, dynamic lists, and timeline management with play/pause/restart controls \n contextSafe wrapper for event handlers ensures animations respect React's context and prevent memory leaks \n Includes ScrollTrigger integration, custom anim

SwiftUI Liquid Glass effects for iOS 26+ with interactive glass containers, morphing transitions, and button styles. \n \n Provides .glassEffect() modifier for applying translucent Liquid Glass material to custom views, with support for tinting, interactivity, and custom shapes \n Includes GlassEffectContainer for grouping and blending multiple glass elements, plus glassEffectID and glassEffectUnion for morphing animations during view hierarchy changes \n Offers pre-built button styles ( .glass

Load with: ui-web.md or ui-mobile.md

Security Requirement Extraction \n Transform threat analysis into actionable security requirements. \n Use this skill when \n \n Converting threat models to requirements \n Writing security user stories \n Creating security test cases \n Building security acceptance criteria \n Compliance requirement mapping \n Security architecture documentation \n \n Do not use this skill when \n \n The task is unrelated to security requirement extraction \n You need a different domain or tool outside this sco

Principles for building production-ready React applications.

Create robust cross-platform mobile applications using React Native with modern development patterns including navigation, state management, API integration, and native module handling.

This skill provides expert guidance for conducting thorough frontend design reviews, covering UI/UX design quality, design system consistency, accessibility compliance, and responsive design patterns. The skill helps identify design issues early in the development lifecycle, ensuring designs meet quality standards, accessibility requirements, and business objectives before implementation.