Search: "component"

#react #component #frontend

ChatGPT prompt for generating a React component from a design specification

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

👁 19 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...

👁 19 views

Coding Intermediate

React Component Generator

Create a reusable React component for: [COMPONENT DESCRIPTION]. Include: TypeScr...

#React #TypeScript #component

👁 18 views

design Advanced

UI Design System Tokens and Component Spec

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

#design #ui #design system

👁 18 views

design advanced

Design System Component Library Setup Guide

You are a design system architect. I need to build a component library and desig...

#design #design-system #component-library

👁 18 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

👁 17 views

#coding #refactoring #testing

Code Refactoring Plan with Test Coverage Gates and Risk Tiers

You are a senior engineer leading a refactor. I will describe a module that need...

👁 17 views

coding Intermediate

Unit Testing Best Practices: Jest and React Testing Library Guide

Help me write effective unit tests for my React application using Jest and React...

#Jest #React Testing Library #unit testing

👁 16 views

Figma Design Handoff: Specification Documentation for Developers

Act as a product designer and design systems expert with experience in Figma-to-...

#design #figma #handoff

👁 15 views

#design #design-system #documentation

Design System Component Documentation Guide Standards Template

Create a comprehensive guide for documenting design system components for cross-...

👁 15 views

#coding #tech spec #architecture

Tech Spec Template for a Greenfield Backend Service

Act as a staff engineer writing a tech spec for a new service. I will give you t...

👁 15 views

#coding #react #typescript

React Component with TypeScript and Custom Hook

Build a React component in TypeScript for a [component type, e.g., paginated dat...

👁 14 views

#design #animation #micro-interactions

UI Animation and Micro-Interaction Design Principles Guide

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

👁 14 views

coding intermediate

Vue.js 3 Component Design: State Management with Pinia & Composables

Help me build well-structured Vue.js 3 components with proper state management. ...

#vuejs #vue3 #pinia

👁 14 views

#Figma #design system #component library

Figma Component Library Organization Best Practices

Help me organize and structure a Figma component library for a [product type — e...

👁 13 views

design Advanced

Design System Tokens Audit with Component Inventory

Act as a design systems lead. Audit a design system based on a description I wil...

#design #design system #tokens

👁 13 views

design Advanced

Accessibility Audit of a Web UI Against WCAG 2.2 AA

Run an accessibility audit on the screenshot or HTML I'll paste against WCAG 2.2...

#design #accessibility #wcag

👁 13 views

#design-system #documentation #components

Design System Component Documentation Template

Write a component documentation template for a design system for [component name...

#React #component library #Storybook

React Component Library: Setup with Storybook Documentation

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

Figma Component Design Brief Generator

Create a detailed design brief for building UI components in Figma. Project deta...

#design #figma #ui

#iconography #icon design #style guide

design Intermediate

Iconography Style Guide Custom Icon Set Design System

Act as an icon designer. Create a style guide for a custom icon set for [PRODUCT...