frontend▌

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

css

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

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

$22

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.

Guide for configuring PrimeVue with Vue 3 and Vite projects, including auto-import setup and theming.

Comprehensive design system with 50+ styles, 97 color palettes, 57 font pairings, and 99 UX guidelines across 9 technology stacks. \n \n Searchable database organized by priority (accessibility, touch interaction, performance, layout, typography, animation, styles, charts) with reasoning-based recommendations \n Supports 9 implementation stacks: HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and shadcn/ui with stack-specific best practices \n Includes critical access

Skill by ara.so — Daily 2026 Skills collection.

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.