Frontend & UI Skills

Persists and restores frontend application state across URL changes, enabling seamless navigation and user experience.

This skill analyzes brand colors to reveal subconscious psychological associations, boosting design choices and emotional impact.

Generates stunning, fluid SwiftUI interfaces with a liquid glass aesthetic using optimized code and design patterns.

Automates Vue component creation, scaffolding, and basic styling based on user prompts and design specifications.

Helps with SvelteKit, Tailwind CSS as part of building frontend UIs and user experiences workflows.

Diagnoses and resolves issues preventing successful deployment of astronomical data pipelines to frontend systems.

Automates telescope scheduling, data acquisition, and pipeline execution for efficient astronomical observation deployments.

Helps with React, code review as part of building frontend UIs and user experiences workflows.

Dynamically adjusts UI elements and styling based on user behavior and real-time data for optimized engagement.

Manage complex UI behavior & component logic using robust, declarative state machines powered by React.

Generates optimized, production-ready Tailwind CSS v4 styles for Expo Native projects based on provided design specifications.

Helps with Tailwind CSS, best practices as part of building frontend UIs and user experiences workflows.

Helps with Tailwind CSS, CSS as part of building frontend UIs and user experiences workflows.

Analyzes webpage performance metrics like loading speed, interactivity, and visual stability to identify frontend optimization opportunities.

Helps with React, patterns as part of building frontend UIs and user experiences workflows.

Build robust React Native apps quickly with expert guidance on components, state management, and native integrations.

Generates, debugs, and optimizes Next.js applications, including routing, components, and API routes, for efficient web development.

Generates clean, functional mobile app UI code (React Native/Flutter) from descriptions, optimizing for user experience.

Helps with frontend development, patterns as part of building frontend UIs and user experiences workflows.

Automates SwiftData model & query code reviews, identifying potential performance bottlenecks and data integrity issues.

Helps with web development, design as part of building frontend UIs and user experiences workflows.

Automates Next.js 15 app audits, identifying performance bottlenecks, accessibility issues, and security vulnerabilities.

Helps with Next.js, client-side as part of building frontend UIs and user experiences workflows.

Generates clean, responsive UI code snippets & prototypes based on text descriptions, tailored for rapid frontend development.