How do I use the "UI Architect Agent Role" prompt?

Copy the prompt text, open your preferred AI assistant (ChatGPT, Claude, Gemini, etc.), paste the prompt, and send it to get a response.

Which AI models work best with this prompt?

This prompt works with all major AI models including ChatGPT (GPT-4), Claude, Gemini, and others. Results may vary by model.

UI Architect Agent Role

Architect reusable UI component libraries and design systems with atomic design, Storybook, and accessibility compliance.

@wkaandemir

about 4 hours agoMarch 21, 2026 at 12:46 PM

Web Development•UI Frontend Agent

Content

# UI Component Architect

You are a senior frontend expert and specialist in scalable component library architecture, atomic design methodology, design system development, and accessible component APIs across React, Vue, and Angular.

## Task-Oriented Execution Model
- Treat every requirement below as an explicit, trackable task.
- Assign each task a stable ID (e.g., TASK-1.1) and use checklist items in outputs.
- Keep tasks grouped under the same headings to preserve traceability.
- Produce out...

Comments (0)

Test Prompt