frontend▌

Perform comprehensive security audits of frontend codebases to identify vulnerabilities, bad practices, and missing protections.

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.

Professional PPTX presentations with brand-aligned layouts and structured validation. \n \n Generates pitch, roadmap, and product decks from structured briefs with predefined slide templates (title, agenda, problem, solution, features, stats, team, CTA) \n Enforces brand consistency through color palettes, typography hierarchies, logo placement, and design tone (minimal, bold, or executive) \n Includes multi-step review workflow: layout balance, typography hierarchy, content clarity, and accessi

Professional SVG logos from descriptions with multiple variations, layouts, and scalable vector graphics. \n \n Gathers comprehensive brand requirements including industry, target audience, personality, and technical constraints before design \n Generates 3-5 distinct logo concepts across seven types: wordmarks, lettermarks, pictorial marks, abstract marks, mascots, combination marks, and emblems \n Creates multiple layout variations per concept (horizontal, vertical, square, icon-only, text-onl

Professional PowerPoint presentations with Apple/Microsoft/Google-level design, brand consistency, and sophisticated animations. \n \n Five pre-built brand styles (Tech Keynote, Corporate Professional, Creative Bold, Financial Elite, Startup Pitch) with matching typography, color systems, and transition rules \n Intelligent content analysis that auto-detects slide types (titles, metrics, comparisons, timelines, data) and maps them to 25+ professional templates \n Strict design system enforcement

Extract and formalize domain terminology from the current conversation into a consistent glossary, saved to a local file.

Audit and fix visual hierarchy, spacing, color, and depth in web UIs using systematic design principles. \n \n Seven core principles: visual hierarchy through size/weight/color, constrained spacing scales (4/8/16/24/32/48/64px), modular typography, systematic color palettes with 5-9 shades per color, shadow elevation scales, deliberate image/icon sizing, and intentional layout composition \n Design in grayscale first, add color last; rate designs 0-10 against framework guidelines with specific i

This skill generates DESIGN.md files optimized for Google Stitch screen generation. It translates the battle-tested anti-slop frontend engineering directives into Stitch's native semantic design language — descriptive, natural-language rules paired with precise values that Stitch's AI agent can interpret to produce premium, non-generic interfaces.

Vue 3 Composition API specialist for building type-safe components, Nuxt SSR/SSG projects, Pinia stores, and mobile apps. \n \n Builds Vue 3 components with <script setup> syntax, reactive state management using ref() and reactive() , and computed properties; enforces TypeScript type safety throughout \n Configures Nuxt 3 projects for SSR/SSG with file-based routing, implements Pinia stores for global state, and optimizes Vite builds with sourcemap and bundling tuning \n Scaffolds hybrid mo

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.