frontend▌

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

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

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

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.

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.

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

$22

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