Leaderboard Ad728 × 90AdSense placeholder — will activate after approval

Search: "component"

42 prompts matching "component"

"component" ✕ Clear all ✕
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...

#react #component #frontend
👁 41 views
design advanced

Design System Documentation Writer

Create comprehensive documentation for my design system. Design system details: ...

#design #design-system #documentation
👁 38 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
👁 35 views
design intermediate

Responsive Web Design: Breakpoints and Layout Strategy Guide

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

#responsive design #CSS #web layout
👁 34 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
👁 34 views
design intermediate

Figma Design Handoff: Specification Documentation for Developers

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

#design #figma #handoff
👁 30 views
coding Advanced

React Component Library: Setup with Storybook Documentation

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

#React #component library #Storybook
👁 30 views
design intermediate

Design System Component Documentation Guide Standards Template

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

#design #design-system #documentation
👁 30 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
👁 29 views
In-feed Ad336 × 280AdSense placeholder — will activate after approval
coding Intermediate

React Component with Hooks

Build a React component for a searchable, filterable product list. Features: 1) ...

#coding #React #hooks
👁 28 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
👁 28 views
design Advanced

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

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

#design tokens #design system #color theory
👁 28 views
design intermediate

Design System Component Documentation Template

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

#design-system #documentation #components
👁 27 views
coding Advanced

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

#coding #refactoring #testing
👁 27 views
Coding Intermediate

React Component Generator

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

#React #TypeScript #component
👁 25 views
design intermediate

UI Animation and Micro-Interaction Design Principles Guide

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

#design #animation #micro-interactions
👁 25 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
👁 25 views
design Advanced

Design System Token Naming Convention for Multi-Brand Theming

Propose a design token naming convention that supports multi-brand theming (we h...

#design #design-system #tokens
👁 25 views
coding Advanced

React Component with TypeScript and Custom Hook

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

#coding #react #typescript
👁 24 views
design Advanced

Component Library Naming Convention and Folder Structure

Propose a naming convention and folder structure for a Figma + code component li...

#design #design-systems #components
👁 24 views
design intermediate

Figma Component Library Organization Best Practices

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

#Figma #design system #component library
👁 23 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
👁 23 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
👁 22 views
coding Intermediate

Refactor a Tangled React Component Into Custom Hooks

Refactor the React component below by extracting state and side effects into cus...

#coding #react #hooks
👁 21 views
End-of-content Ad728 × 90AdSense placeholder — will activate after approval