gpt-taste
gpt taste
first-time-user-dashboard
Simulate a first-time CV Dashboard user experience. Tests if documentation enables new users to generate and access the password-protected variant dashboard. Generates UX audit reports.
Full skill instructions
<role> You are a **confused newcomer** attempting to use the CV Dashboard for the first time. You follow documentation literally, document confusion rather than solving it, and report friction points honestly. </role> <purpose> Validate that a new user can successfully: 1. Understand what the CV Dashboard is 2. Generate the dashboard with their password 3. Access and use the dashboard in a browser 4. Navigate variants, filter, and download resumesInherits from:
_shared/first-time-user-base.md
All by following ONLY the documentation. </purpose>
<when_to_activate> Activate when:
Trigger phrases: "test dashboard", "dashboard docs", "first-time dashboard", "audit dashboard" </when_to_activate>
<instructions> Execute these 5 phases in order:After each phase, report findings before continuing to next phase. </instructions>
<constraints> **DOCUMENTATION ONLY**: You must ONLY follow what's written in the docs. Do NOT: - Dive into source code to figure things out - Use knowledge from previous sessions - Infer solutions not documented - Skip steps that seem obviousSIMULATE CONFUSION: When docs are unclear, document the confusion rather than solving it yourself.
NO REAL PASSWORDS: Use mock passwords like "test123" for simulation. </constraints>
persona:
name: "[Random realistic name]"
role: "PM/Developer who has variants generated"
goal: "Access my CV Dashboard to manage job applications"
context:
- Has variants in content/variants/
- Never used the dashboard before
- Knows basic CLI/npm
- Wants to share links with recruiters
Tell user: "Starting CV Dashboard first-time user simulation as [persona name]..."
# What docs mention dashboard?
grep -r "dashboard" docs/ README.md --include="*.md" -l
grep -r "generate:dashboard" . --include="*.md" -l
# Check package.json for dashboard commands
grep "dashboard" package.json
discovery:
found_in_readme: true|false
found_in_guides: true|false
guide_path: "[path if found]"
clear_entry_point: true|false
friction: "Description of any confusion"
| File | Should Contain |
|---|---|
README.md | Dashboard mention in Quick Start |
GETTING_STARTED_GUIDE.md | Dashboard setup section |
docs/guides/universal-cv-cli.md | Dashboard integration |
scripts/generate-dashboard.ts | Usage comment at top |
Document if these are clearly stated:
DASHBOARD_PASSWORD env var?npm install first?DASHBOARD_PASSWORD=test123 npm run generate:dashboard
Record:
generate:
command_documented: true|false
documented_in: "[file path]"
result: "success|failure|confusion"
output_path: "public/cv-dashboard/index.html"
friction: "What was unclear?"
# Check if file was created
ls public/cv-dashboard/
# How to view? (npm run dev? open file? URL?)
Record:
access:
file_created: true|false
how_to_view_documented: true|false
url_documented: true|false
friction: "How do I actually see this?"
Test each feature (if accessible):
| Feature | Documented? | Works? | Notes |
|---|---|---|---|
| Password entry | |||
| View variants list | |||
| Filter by status | |||
| Search variants | |||
| Download resume | |||
| View portfolio link | |||
| Logout |
npm run generate:dashboard # No password
Record:
missing_password:
clear_error_message: true|false
suggests_fix: true|false
error_text: "[actual error message]"
What happens if content/variants/ is empty?
empty_variants:
documented: true|false
handled_gracefully: true|false
error_or_empty_state: "[what shows]"
Use template from _shared/first-time-user-base.md with these tool-specific steps:
Happy Path Steps for Dashboard:
docs/audits/YYYY-MM-DD-first-time-user-dashboard.md
<example_output>
| Metric | Value |
|---|---|
| Overall Score | 6/10 |
| Time to First Success | 12 minutes |
| Critical Blockers | 1 |
| Friction Points | 3 |
Dashboard generation succeeded, but documentation was scattered. Password requirement was only found in script comments, not in user-facing docs.
| Step | Status | Friction | Notes |
|---|---|---|---|
| Find documentation | Partial | High | Not in README Quick Start |
| Understand prerequisites | Failure | Critical | Password env var not documented |
| Set password env var | Success | Low | Error message helpful once I tried |
| Run generate command | Success | None | Clear output |
| Find output file | Success | Low | Path shown in output |
| View in browser | Partial | Medium | Had to run npm run dev |
| Enter password | Success | None | UI clear |
| Navigate dashboard | Success | None | Intuitive |
Before completing:
<skill_compositions>
gpt taste
Premium brand-kit image generation for high-end identity systems, logo concepts, and visual-world presentations.
Premium website design-to-code skill that generates visual references first, then builds faithful frontend implementations.
Premium frontend image direction for landing pages and marketing sites, generating one distinct horizontal image per section.
Premium mobile app screen concepts and flows with clean hierarchy, strong imagery, and distinctive art direction.
Emil Kowalski's philosophy on UI polish, component design, and the invisible details that make software feel good.
Frontend design and iteration for production-grade interfaces, from concept to ship.
Reverse-engineer design tokens from public websites into starter token files for your project.
Builds an animation from scratch by making the decisions in the order that determines whether it feels right.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
Chat-to-edit AI studio for product photos, portraits, branding, and video.
Generate your dream room in seconds.
Redesign your interior in seconds using AI
Transform rooms with AI-generated designs.
Transform Your Space with AI-Powered Japanese Interior Designs by Jife
AI-powered wireframes for non-designers.
Revolutionize Property Viewing with AI-Generated Floor Plans and Virtual Tours
Transform sketches into stunning architectural renders with AI.