Skill UI

Utilizes advanced AI to generate, compare, and integrate multiple production-ready, modern, and highly customizable UI component variations. Instead of a single solution, this skill provides multiple design options (e.g., pricing tables, contact forms) with advanced styling like glassmorphism and animations, ensuring the final design is unique and visually stunning. Ideal for front-end developers and designers pushing design boundaries.

A comprehensive, systematic framework for auditing and improving web UI designs and frontend code. It teaches core principles like grayscale-first design, constrained scaling (for spacing, type, and color), and establishing clear visual hierarchy. Use this guide when needing to refine an existing UI that 'looks off,' or requires professional structural and aesthetic improvements.

A specialized security testing skill designed to identify excessive data exposure in REST or GraphQL APIs, adhering to OWASP API3:2023 guidelines. It works by intercepting raw API responses and systematically comparing the returned data against what the frontend UI actually displays. This helps auditors detect leaked PII, internal identifiers, debug fields, or other sensitive business data that should have been filtered out by the endpoint response. Use cases include auditing microservice boundaries, assessing mobile API responses designed for multiple clients, and verifying proper respons...

A detailed guide for conducting authorized penetration tests to detect and exploit HTTP request smuggling flaws. This technique targets discrepancies in Content-Length and Transfer-Encoding parsing between front-end proxies (like CDNs or load balancers) and back-end servers, allowing attackers to bypass security controls and hijack subsequent requests.

Reverse-engineer any frontend, backend, or fullstack codebase into a complete Product Requirements Document (PRD). Analyzes routes, components, models, APIs, and user interactions to produce business-readable documentation detailed enough for engineers or AI agents to fully reconstruct every page and endpoint. Supports React, Vue, Django, and more.

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.