frontend▌

Implement purposeful, performant animations that enhance UX without overwhelming users. Focus on key moments: hero intros, hover feedback, content reveals, and navigation transitions.

Design effective logos with AI image generation via inference.sh CLI.

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）、生命周期等核心概念和最佳实践。

A practical framework for managing the fundamental challenge of software engineering: complexity. Apply these principles when designing modules, reviewing APIs, refactoring code, or advising on architecture decisions. The central thesis is that complexity is the root cause of most software problems, and managing it requires deliberate, strategic thinking at every level of design.

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.