preview-phase
CommunityManual UI/UX testing, human validation gate.
Design & Creative#testing#accessibility#responsive design#UI/UX#manual testing#preview#release notes
Authormarcusgoll
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill prevents the costly mistake of shipping features with undetected UI/UX issues, accessibility problems, or broken user flows by providing a thorough manual testing gate.
Core Features & Use Cases
- Comprehensive Manual Testing: Guides testing of happy paths, error scenarios, responsive design, and keyboard navigation on a local development server.
- Visual Regression Check: Compares the implemented UI against design expectations to ensure visual consistency.
- Release Notes Generation: Creates user-friendly release notes, translating technical changes into clear user benefits.
- Use Case: Before deploying a new "Student Progress Dashboard," use this Skill to manually test its happy path (teacher views progress), an error scenario (invalid student ID), responsive behavior on mobile, and full keyboard accessibility. Document any issues found and generate user-facing release notes.
Quick Start
1. Start your local development server
npm run dev
2. Test a happy path user flow (e.g., Teacher Views Student Progress)
- Navigate to http://localhost:3000/login
- Log in as teacher
- Navigate to student list
- Click "View Progress" for a student
- Verify the progress dashboard loads correctly and data is accurate
Dependency Matrix
Required Modules
npmnpxcurl
Components
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: preview-phase Download link: https://github.com/marcusgoll/robinhood-algo-trading-bot/archive/main.zip#preview-phase Please download this .zip file, extract it, and install it in the .claude/skills/ directory.