Search: "CSS Grid"

#design #ui #design system

UI Design System Tokens and Component Spec

Create a design system specification for a [product type, e.g., B2B SaaS dashboa...

👁 12 views

design Intermediate

Web Accessibility Audit: WCAG 2.1 Checklist for Designers and Developers

Help me conduct a thorough web accessibility audit and implement WCAG 2.1 compli...

#accessibility #WCAG #web accessibility

👁 12 views

#responsive design #CSS #web layout

Responsive Web Design: Breakpoints and Layout Strategy Guide

Help me design a responsive web layout strategy for [website type: marketing sit...

👁 11 views

coding Intermediate

Responsive Dashboard Layout with CSS Grid and Dark Mode Toggle

Create a responsive admin dashboard layout using only HTML and CSS (no framework...

#coding #CSS Grid #dashboard

👁 10 views

excel Advanced

ChatGPT prompt for creating an Excel employee attendance and leave tracker

Act as an Excel automation specialist with HR operations experience. Build an e...

#excel #attendance #leave tracker

👁 10 views

data advanced

Machine Learning Model Evaluation and Selection Framework

You are a machine learning engineer and data scientist. I need to evaluate and s...

#data #machine-learning #model-evaluation

👁 10 views

coding advanced

React Component Architecture Patterns for Large Scale Apps

You are a senior React architect. I am building a large-scale React application ...

#coding #react #architecture

#design #typography #font-pairing

Typography System Design: Font Pairing and Type Scale Guide

Act as a typography expert and brand designer. Help me create a comprehensive ty...

#design #animation #micro-interactions

UI Animation and Micro-Interaction Design Principles Guide

Create a comprehensive guide to designing meaningful UI animations and micro-int...

#design #iconography #svg

Iconography System Specification for a Product Library

Specify an iconography system for our product. Cover: (1) grid + base unit (e.g....

#Python #web scraping #BeautifulSoup

coding intermediate

Python Web Scraping: BeautifulSoup & Requests Data Extraction

Help me write a Python web scraper to extract [type of data] from [website descr...

#icon design #design system #UI design

design advanced

Icon Design System: Visual Language and Consistency Guidelines

Help me create guidelines for an icon design system for [product type, e.g., B2B...

#stakeholder management #communication plan #project management

business Intermediate

Stakeholder Management Communication Plan Template

Help me create a comprehensive stakeholder management and communication plan for...

#React #component library #Storybook

coding Advanced

React Component Library: Setup with Storybook Documentation

Help me set up a React component library with Storybook documentation from scrat...

#accessibility #a11y #wcag

design Intermediate

Accessibility Audit Checklist for Web Pages

You are a WCAG 2.2 accessibility auditor. Audit this web page description: [PAGE...

#react #component #frontend

coding Advanced

ChatGPT prompt for generating a React component from a design specification

Act as a senior React developer who writes clean, accessible, production-ready c...

#daily planning #morning routine #time management

productivity Beginner

Daily Planning System: Morning Routine and Task Prioritization

Help me design a complete daily planning system for maximum productivity. I need...

#typography #type-scale #design-system

Typography Hierarchy & Type Scale System for Digital Products

Help me design a robust typography system for my digital product. Context: Prod...

#design tokens #design system #figma

Design Token System Setup Multi-Platform Brand Consistency

You are a design systems engineer. Help me set up design tokens for a multi-plat...

#design tokens #design system #color theory

ChatGPT Prompt: Design System Color Token Architecture for Multi-Brand Apps

Help me architect a color token system for [PRODUCT] supporting multiple brands ...