frontend▌

Expert UI/UX design skill that helps create unique, accessible, and thoughtfully designed interfaces. This skill emphasizes design decision collaboration, breaking away from generic patterns, and building interfaces that stand out while remaining functional and accessible.

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.

Native iOS design following Apple's Human Interface Guidelines with component generation and accessibility validation. \n \n Generates SwiftUI and UIKit components aligned with Apple's design principles of clarity, deference, and depth \n Validates designs against HIG compliance and ensures accessibility support including VoiceOver, Dynamic Type, and color contrast standards \n Covers navigation patterns (tab bars, navigation stacks, sheets), form controls (buttons, text fields, toggles, pickers

Design banners across social, ads, web, and print formats. Generates multiple art direction options per request with AI-powered visual elements. This skill handles banner design only. Does NOT handle video editing, full website design, or print production.

This skill provides comprehensive guidance for building modern web applications with the SvelteKit 2 + Svelte 5 + Tailwind CSS v4 stack.

Comprehensive developer experience guide for building TypeScript terminal user interfaces using Ink (React for CLIs) and Clack prompts. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Design and optimize SQL and NoSQL database schemas with normalization, indexing, and migration strategies. \n \n Covers entity definition, relationship design (1:1, 1:N, N:M), and normalization levels (1NF–3NF) for PostgreSQL, MySQL, MongoDB, and SQLite \n Provides indexing strategies, constraint setup, and trigger implementation to ensure data integrity and query performance \n Includes migration script generation with UP/DOWN rollback capabilities for safe schema evolution \n Delivers complete

Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.

Translates natural language requests into executable ComfyUI workflow JSON. Always validates against inventory before generating.

Type-safe React with TypeScript. Contains 33 rules across 7 categories covering component typing, hooks, event handling, refs, generics, context, and utility types.