rakovi4/design-review
.claude/skills/design-review/SKILL.md
Review frontend component for hardcoded mockup placeholder data after align-design. Flags emails, dates, prices, and other user-specific values that should be dynamic. Use when user mentions /design-review command.
$ install --global
skillsauthnpx skillsauth add rakovi4/continue-example design-reviewInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 24, 2026, 8:59 PM2.1s1 file scanned
SKILL.md
- name:
- design-review
- description:
- Review frontend component for hardcoded mockup placeholder data after align-design. Flags emails, dates, prices, and other user-specific values that should be dynamic. Use when user mentions /design-review command.
/design-review - Mockup Placeholder Data Review
Usage
/design-review # Interactive — find component from current story progress
/design-review 12 # By story number
/design-review BoardPage.tsx # By component file
File Resolution
- By story number: Read
ProductSpecification/stories.mdto resolve story name → findProductSpecification/stories/NN-story-name/mockups/desktop/*.htmlfor the mockup andfrontend/src/features/{feature}/components/*.tsxfor the component - By component path: Find the component directly, locate the matching mockup from the story directory
- Interactive: Read current story's
progress.md, find the activealign-designstep, resolve from there
Workflow
- Load
.claude/agents/design-review-agent.md - Locate the component TSX file(s) and the mockup HTML
- Run the agent's review workflow against the component
- Output the review table and verdict
Available Templates
| Template | Purpose |
|----------|---------|
| .claude/tech/{browser-testing}/templates/design-review-patterns.md | Anti-patterns (BAD → GOOD), output format, verdict examples |
Gate Behavior
- PASS → proceed to
/refactoras normal - FAIL → do NOT proceed to
/refactor. Fix the flagged violations in the component first, then re-run/design-review
Related Skills
rakovi4/test-usecase
testing
VerifiedTrustedCommunity
Run use-case module tests quickly. Use when user wants to run use-case tests or mentions /test-usecase command.
2SKILL.mdUpdated Apr 16, 2026
rakovi4/test-spec
development
VerifiedTrustedCommunity
Generate BDD test specifications for story in 6 categories (API, UI, Load, Infrastructure, Security, Integration). Use when user wants to create test cases or mentions /test-spec command.
2SKILL.mdUpdated Apr 16, 2026
rakovi4/test-review
testing
VerifiedTrustedCommunity
Review tests to replace loose validation (contains, isNotNull, isNotEmpty) with strict validation (isEqualTo on parsed fields). Use when user wants to improve test assertions or mentions /test-review command.
2SKILL.mdUpdated Apr 16, 2026
rakovi4/test-frontend
development
VerifiedTrustedCommunity
Run frontend tests. Use when user wants to run frontend unit tests or mentions /test-frontend command.
2SKILL.mdUpdated Apr 16, 2026