Skill UI

Hono is a minimal and ultrafast web framework built entirely on Web Standards (Request/Response/fetch). It allows developers to build high-performance APIs and full-stack applications that run seamlessly across multiple environments, including Cloudflare Workers, Deno, Bun, and Node.js. It is ideal for edge deployment, Backend for Frontend (BFF) layers, and type-safe backend services.

Guides frontend designer-engineers to deliver memorable, production-ready interfaces by defining an aesthetic stance, scoring feasibility with DFII, and translating every intentional decision into code, typography, motion, and texture.

Craft production-ready frontend pages, dashboards, or components with a clear visual point of view; focus on typography, color, motion, and layout so the experience feels intentional instead of generic.

This skill provides anti-slop frontend design assistance by offering researched art directions based on 247 curated gallery sites. It enforces strict house styles, checks rules via browser inspection, and runs a look-and-fix loop on screenshots. Suitable for landing pages, marketing sites, portfolios, and app screens across various stacks like React, Vue, and Tailwind. It helps avoid generic AI-made looks and ensures premium, award-level design quality.

Build production-quality, accessible, responsive user interfaces. Use for creating or modifying components, layouts, state management, and ensuring WCAG compliance. Focuses on design system adherence, avoiding AI-generated aesthetics, and delivering polished, professional UI.

This skill covers optimizing application performance across frontend, backend, queries, and databases. It guides users on measuring performance using tools like Lighthouse and RUM, identifying bottlenecks such as N+1 queries or slow server responses, and implementing fixes. It emphasizes measuring before optimizing to avoid premature optimization and includes targets for Core Web Vitals like LCP, INP, and CLS.

Retired skill for redesigning, restyling, and reviewing existing pages and app screens; now delegates to design-taste-frontend for browser-based audits and rebuilds.

This prompt guides software engineers to create comprehensive technical implementation plans for new features. It covers system architecture, database design, API specifications, frontend structure, and security considerations within a monorepo environment. Ideal for planning SaaS features before coding begins.

Guide for using the Azure SWA CLI to create, configure, and deploy Static Web Apps with local emulation, API integration, and CI/CD setup for Azure-hosted frontends.

Analyzes diverse codebases to auto-detect technology stacks, microservices/monorepo traits, and frontend presence, then documents consistent folder conventions, visualization options, and template guidance to keep large projects organized.

This skill provides advanced architectural guidelines for generating premium, award-level web experiences. It guides code generation beyond basic HTML/CSS, focusing on creating immersive digital environments. Key areas include sophisticated motion design (scroll-driven narratives, micro-interactions), establishing strong visual identities (e.g., Brutalism, Glassmorphism), and enforcing strict performance best practices like hardware acceleration and accessibility compliance.

This skill guides users on operating the FrontendIntegration resources and the associated frontend-forge extension using kubectl. It covers the full lifecycle management: creating FI from complete YAML, updating status, enabling/disabling, troubleshooting build output, and managing the extension's installation plan. Ideal for DevOps engineers responsible for robust CI/CD pipeline management.