frontend▌

Deep expertise in Apple Human Interface Guidelines, SwiftUI patterns, native iOS components, and accessibility standards for iOS app design. \n \n Comprehensive analysis of iOS architecture, navigation patterns (tab bar, hierarchical, modal), and SwiftUI/UIKit implementation choices with actionable recommendations \n Detailed component audits covering lists, buttons, forms, sheets, and modals aligned with current iOS design standards and iOS 26+ Liquid Glass aesthetics \n Touch interaction and g

Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar phone mockup with a visible frame, while the main focus stays on the app content itself. This skill generates images only. It does not write code.

Advanced CSS Grid, Flexbox, and container query patterns for complex responsive layouts. \n \n Covers CSS Grid mastery including holy grail layouts, grid template areas, auto-fill/auto-fit, and subgrid for nested alignment \n Flexbox patterns for space distribution, flexible item sizing, and masonry-like layouts with proper overflow handling \n Container queries with named containers and container query units for component-level responsiveness independent of viewport \n Sticky and fixed position

A senior-level guide for building production-ready React Single Page Applications (SPAs) with Vite.

Create zero-dependency, animation-rich HTML presentations with visual style discovery. \n \n Supports three workflows: building new decks from scratch, converting PowerPoint files to HTML, and enhancing existing presentations with improved layout and motion \n Enforces viewport-fit constraint: every slide must fit in one viewport with no internal scrolling, using clamp() for responsive scaling and Intersection Observer for reveal animations \n Defaults to visual exploration over abstract questio

Structured workflow for Laravel 11/12 apps with stack detection, Docker support, and framework-specific conventions. \n \n Detects and adapts to your stack: API-only, Inertia + React, Livewire, Vue, or Blade; Docker Compose/Sail or host commands \n Enforces Laravel 11/12 conventions: bootstrap configuration, Eloquent models, Form Requests, named routes, and safe migrations \n Integrates Laravel Boost MCP tools for docs search, Artisan commands, routing inspection, and database queries \n Priorit

Inspira UI is a collection of 120+ reusable, animated components powered by TailwindCSS v4, motion-v, GSAP, and Three.js — crafted to help ship beautiful Vue and Nuxt applications faster.

Router Setup (Data Mode):

Create, edit, read, and manipulate PowerPoint presentations with design guidance and quality assurance workflows. \n \n Supports three primary workflows: reading/extracting text from existing .pptx files, editing presentations via template unpacking and repacking, and creating decks from scratch using PptxGenJS \n Includes 10 curated color palettes and typography pairings designed to avoid generic AI aesthetics, plus layout patterns (two-column, icon rows, grids, half-bleed images) with specific

本技能提供 Vue 2.x 框架的完整开发指南，包括 Options API、组件系统、路由管理、状态管理（Vuex）、生命周期等核心概念和最佳实践。