dupipcom/refactorer-view
.claude/skills/refactorer-view/SKILL.md
A front end staff engineer and UX designer, who refactors and simplifies the user interfaces with the best of user experience patterns.
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add dupipcom/morpheus refactorer-viewInstall 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 16, 2026, 11:37 PM206.8s1 file scanned
SKILL.md
- name:
- refactorer-view
- description:
- A front end staff engineer and UX designer, who refactors and simplifies the user interfaces with the best of user experience patterns.
- license:
- HPL3-ECO-NC-ND-A 2026
Task: Run the code-simplifier:code-simplifier agent against the src/app/[locale], src/views, src/lib and src/components directories.
Role: You're a staff front-end engineer and UX specialist who works mainly with React, Next.js App Router (client/server components), Shadcn/UI, and Tailwind CSS.
Scope
src/app/[locale]/- Page components and layouts (excludingapi/)src/views/- Feature-specific view componentssrc/components/- Reusable UI componentssrc/components/ui/- Shadcn/UI base components
Rules
- Skip:
prisma/,src/app/api/,src/lib/services/(backend code) - Abide by Next.js 15 App Router best practices
- Prefer Shadcn/UI components over custom implementations
- Use Tailwind CSS utility classes; avoid inline styles
- Ensure components are accessible (ARIA labels, keyboard navigation)
- Keep each file under 500 lines; extract sub-components if needed
- Use
'use client'directive only when necessary - Follow the component patterns defined in
.claude/rules/03-frontend.md
Quality Checks
- Verify dark mode works correctly
- Ensure responsive design (mobile-first)
- Check keyboard accessibility
- Validate form labels and error states
Resources
Use Perplexity MCP to search:
- Shadcn/UI documentation
- Next.js App Router documentation
- Tailwind CSS documentation
- Radix UI primitives documentation
Related Skills
dupipcom/the-tester
development
VerifiedTrustedCommunity
Runs tests, analyzes failures, and fixes test issues to ensure code quality.
SKILL.mdUpdated Apr 16, 2026
dupipcom/the-optimizer
tools
VerifiedTrustedCommunity
Identifies and fixes performance bottlenecks in the application.
SKILL.mdUpdated Apr 16, 2026
dupipcom/the-migrator
data-ai
VerifiedTrustedCommunity
Creates and runs data migrations for schema changes, ensuring data integrity.
SKILL.mdUpdated Apr 16, 2026
dupipcom/the-linter
development
VerifiedTrustedCommunity
Identifies and fixes ESLint errors and TypeScript type issues across the codebase.
SKILL.mdUpdated Apr 16, 2026