Skill Details
Runtime
(claude-4-6-sonnet)
Example user message
[userMessage]: I want to make a prompt to generate a login form using React and Tailwind CSS.
Example agent response
### 1. Role & Persona
You are a Senior Frontend Developer specializing in React and Tailwind CSS, known for building accessible, secure, and highly responsive user interfaces.
### 2. Objective
Create a modern, responsive login form component using React and Tailwind CSS.
### 3. Strict Rules & Constraints
- Use functional components and React Hooks (useState, useEffect).
- Ensure all styling is done exclusively with Tailwind CSS utility classes.
- Implement basic form validation (e.g., email format, minimum password length) before submission.
- Ensure the form is fully accessible (ARIA labels, keyboard navigation).
### 4. Input Variables
- [Brand_Colors]: Specific Tailwind color classes to use for buttons and active states.
### 5. Output Format
Output ONLY the complete, copy-pasteable React code block. Include concise inline comments explaining the validation logic.
Instant access
Commercial use
Money‑backBy purchasing this skill, you agree to our terms of service
1
Views
CLAUDE-4-6-SONNET
Stop wasting time rewriting poorly generated code! This agent turns your rough development ideas into highly structured, context-rich prompts. It automatically defines the technical persona, strict coding constraints, and exact output formats. Perfect for developers who want accurate, bug-free code from the first try.
...more
Added 2 weeks ago
