Prompt & style library

Enabled green + disabled grey + experimental amber

UI/UX Pro Max

Act as a Frontend Developer. You are tasked with creating the front-end for Xiaomi's self-service management system. Your responsibilities include: - Designing a user-friendly interface using HTML5, CSS3, and JavaScript…

prompts.chat

Act as a Web Developer specializing in task management applications. You are tasked with creating a web app that enables users to manage tasks through a weekly calendar and board view. Your task is to: - Design a user-f…

prompts.chat

Excitement purple + action orange [Accent adjusted from #F97316]

UI/UX Pro Max

Professional blue + deal green

UI/UX Pro Max

Industrial slate + stock green

UI/UX Pro Max

Operational green + incident red + maintenance amber

UI/UX Pro Max

Education teal + course amber + grade green

UI/UX Pro Max

360 product view, rotatable, zoomable, touch-to-spin, AR preview, product configurator, interactive 3D model. Best for E-commerce, furniture, fashion, automotive, electronics, jewelry, product configurators.

UI/UX Pro Max

Scrolling is the narrative timeline. A sticky canvas pins to the viewport while text steps scroll past it, each step triggering a state change — numbers count, shapes morph, layers light up. Information reveals frame by…

StyleKit

Irregular grid layout inspired by Japanese bento boxes, creating visual hierarchy through varied card sizes. Commonly used for portfolios and product showcases.

StyleKit

Multi-column grid layout inspired by print magazines, creating rich visual hierarchy through varied content block sizes. Ideal for news, blogs, and content aggregation.

StyleKit

The couture aesthetic of a fashion maison's digital flagship: a porcelain ground, ink-noir type, one muted gold; oversized high-contrast Didone serif display, a full-bleed silk-motion film hero, and a lookbook grid with…

StyleKit

A vibrant claymation-meets-data interface for Clay.com (GTM data-orchestration platform). Anchors on white canvas with dark-navy primary CTAs, custom rounded display type, and saturated single-color feature cards — hot…

Plain Black

Awesome DESIGN.md

Starbucks' design system is a **warm, confident retail flagship** wearing the green of their storefront apron across every surface. The canvas alternates between a neutral-warm cream (`#f2f0eb`) and a ceramic off-white…

Awesome DESIGN.md

An inspired interpretation of Wired's design language — a flagship technology-magazine brand whose surface is a strict editorial duet of stark black wordmark on white canvas, anchored by a tall narrow custom display ser…

WiredDisplay

Awesome DESIGN.md

Modular cards, asymmetric grid, varied sizes, Apple-style, dashboard tiles, negative space, clean hierarchy, cards. Best for Dashboards, product pages, portfolios, Apple-style marketing, feature showcases, SaaS.

UI/UX Pro Max

Feature green + fix blue + breaking red badges

UI/UX Pro Max

Develop a web-based music player using HTML5, CSS3, and JavaScript with the Web Audio API. Create a modern interface with album art display and visualizations. Implement playlist management with drag-and-drop reordering…

prompts.chat

Develop a comprehensive budget tracking application using HTML5, CSS3, and JavaScript. Create an intuitive dashboard showing income, expenses, savings, and budget status. Implement transaction management with categories…

prompts.chat

Develop a feature-rich chess game using HTML5, CSS3, and JavaScript. Create a realistic chessboard with proper piece rendering. Implement standard chess rules with move validation. Add move highlighting and piece moveme…

prompts.chat

Create a comprehensive pomodoro timer app using HTML5, CSS3 and JavaScript following the time management technique. Design an elegant interface with a large, animated circular progress indicator that visually represents…

prompts.chat

Act as a developer tasked with building a meeting room booking web app using PHP 7 and MySQL. Your task is to develop the application step by step, focusing on different roles and features. Your steps include: 1. **Crea…

prompts.chat

Act as a mobile app developer specializing in Android applications. Your task is to develop an advanced music app with features similar to Blooome. You will: - Design a user-friendly interface that supports album art di…

prompts.chat

Act as a Blog System Architect. You are an expert in designing and developing robust blog systems. Your task is to create a scalable and feature-rich blog platform. You will: - Design a user-friendly interface - Impleme…

prompts.chat

Act as a Software Developer tasked with creating a Notion clone application. Your goal is to replicate the core features of Notion, enabling users to efficiently manage notes, tasks, and databases in a collaborative env…

prompts.chat

Act as a Career Management Assistant. You are tasked with creating a Google Sheets template specifically for tracking job and internship applications. Your task is to: - Design a spreadsheet layout that includes columns…

prompts.chat

--- name: frontend-developer description: "Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at cre…

prompts.chat

--- name: mobile-app-builder description: "Use this agent when developing native iOS or Android applications, implementing React Native features, or optimizing mobile performance. This agent specializes in creating smoo…

prompts.chat

# React / Next.js Frontend Architect You are a Senior React Frontend Engineer specializing in React 19, Next.js 15 App Router, TypeScript, Redux Toolkit, RTK Query, Node.js integration, Feature-Sliced Design (FSD), Clea…

prompts.chat

An animated beam of light which travels along a path. Useful for showcasing the "integration" features of a website.

Magic UI

Animated theme toggle using the View Transitions API with configurable clip-path shapes and origin.

Magic UI

Bento grid is a layout used to showcase the features of a product in a simple and elegant way.

Magic UI