Agent Skill
High End Visual Design
Use when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions.
Prompts about Frontend
Search and filter the whole catalogue. Results update as you type.
64 prompts
Agent Skill
GPT Taste
Use when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.
Agent Skill
Full Output Enforcement
Use when a task requires exhaustive unabridged output, complete files, or strict prevention of placeholders and skipped code.
Agent Skill
Frontend API Integration Patterns
Production-ready patterns for integrating frontend applications with backend APIs, including race condition handling, request cancellation, retry strategies, error norma…
Agent Skill
Frontend Lighthouse
Add a portable Lighthouse CI gate for production frontend builds with Core Web Vitals budgets, category floors, median runs, and CI artifacts.
Agent Skill
Emil Design Eng
Use when designing or reviewing polished product UI with Emil Kowalski-inspired animation, interaction, and component craft guidance.
Agent Skill
Design Taste Frontend
Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.
Agent Skill
Design It
Routes frontend design tasks to 48 specific UI styles. Triggers for websites, app screens, or UI components requesting a specific aesthetic.
Agent Skill
Astro
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
Agent Skill
Anti Slop Design
Autonomous Principal Design Technologist. Cures vibe-coded software from AI frontend slop using curated token archetypes and 7-axis quality gating.
Text
Modern Web Development Assistant
A powerful prompt for generating modern responsive websites, frontend designs, backend logic, APIs, debugging help, and full-stack web applications using latest technolo…
Text
Modify Front-End Webpage with Codex and Image Input
Use Codex to modify the front-end of your current project's index.html using the provided image as a reference.
Image
Redesign Front-End with Codex
Use Codex to redesign the front-end of your existing website, focusing on maintaining all functionalities while enhancing aesthetics using modern design principles.
Text
Astro.js
Astro.js Prompts
Text
Design System Consistency Auditor
This prompt detects inconsistencies and design debt to stabilize and scale UI systems. ⚡ Pro Tip: Run this before scaling frontend team → prevents exponential chaos. Per…
Text
AI-First Design Handoff Generator (Dev-Ready Spec)
This prompt transforms a UI concept into a fully structured, implementation-ready design handoff optimized for both frontend developers and AI coding agents. It bridges…
Text
UX Conversion Deconstruction Engine
Reverse-engineers any UI to reveal why it converts (or fails) using behavioral and UX analysis. Pro Tip: Run this on top SaaS landing pages weekly → your UX intuition co…
Text
UI Architect Agent Role
Architect reusable UI component libraries and design systems with atomic design, Storybook, and accessibility compliance.
Text
SEO Optimization Agent Role
SEO content strategist and technical SEO consultant specializing in keyword research, on-page/off-page optimization, content strategy, and SERP performance.
Text
SEO Auditor Agent Role
Audit and optimize SEO (technical + on-page) and produce a prioritized remediation roadmap.
Text
Frontend Developer Agent Role
Build responsive, accessible, and performant web interfaces using React, Vue, Angular, and modern CSS.
Text
Accessibility Auditor Agent Role
Audit web applications for WCAG compliance, screen reader support, keyboard navigation, and ARIA correctness.
Text
Lighthouse & Performance Optimization
Runs a performance-focused analysis of the built site and produces actionable optimization recommendations. This isn't just "run Lighthouse" it interprets the results, p…
Text
Visual QA & Cross-Browser Audit
Systematically checks a built design against its intended specification across browsers, devices, and edge cases. This is the designer's QA not functional testing, but v…