ShaheerKhawaja/productionos-designer-upgrade
codex-skills/productionos-designer-upgrade/SKILL.md
Full UI/UX redesign pipeline — audits design, creates design systems, generates interactive HTML mockups, launches local browser for user interaction. Fuses /production-upgrade rigor with design agency methodology.
$ install --global
skillsauthnpx skillsauth add ShaheerKhawaja/ProductionOS productionos-designer-upgradeInstall 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 23, 2026, 2:09 AM22.7s1 file scanned
SKILL.md
- name:
- productionos-designer-upgrade
- description:
- Full UI/UX redesign pipeline — audits design, creates design systems, generates interactive HTML mockups, launches local browser for user interaction. Fuses /production-upgrade rigor with design agency methodology.
- argument-hint:
- [target frontend, focus, or grade]
productionos-designer-upgrade
Use this alias when you want the same workflow through a top-level Codex-safe name without the productionos: namespace.
Overview
Use this as the Codex-first design transformation workflow. It should audit the current UI, create or refine the design system, generate artifacts the user can react to, and then convert the audit into an implementation plan.
Source references:
.claude/commands/designer-upgrade.mdagents/designer-upgrade.mdagents/design-system-architect.mdagents/frontend-designer.md
Inputs
- target frontend path or repo
- optional
focus - optional
grade - optional
mockup_views
Codex Workflow
- Audit the current interface.
- Synthesize the major visual and UX problems.
- Build or refine the design system.
- Generate mockups or other concrete design artifacts.
- Collect or simulate review feedback.
- Turn the result into an implementation plan.
Expected Output
- design audit synthesis
- design system output
- mockups or equivalent reviewable artifact
- implementation plan
Guardrails
- do not reduce the workflow to text-only commentary if visual artifacts are feasible
- keep backend and infrastructure changes out of scope
- keep the output grounded in the current product, not generic redesign advice
Related Skills
ShaheerKhawaja/writing-plans
tools
VerifiedTrustedCommunity
Implementation planning workflow that turns approved ideas into dependency-aware execution plans.
7SKILL.mdUpdated Apr 23, 2026
ShaheerKhawaja/wiki-rag
development
VerifiedTrustedCommunity
Local RAG and Graph RAG over the SecondBrain wiki vault. Progressive context loading (hot cache -> index -> domain -> entity). Graph traversal via wikilink resolution. Use when agents need cross-project context, when answering questions that span multiple domains, or when building context for planning tasks. Triggers on: "wiki context", "cross-project context", "what do we know about", "check the wiki", "graph context", "/wiki-rag".
7SKILL.mdUpdated Apr 23, 2026
ShaheerKhawaja/ux-genie
devops
VerifiedTrustedCommunity
UX improvement pipeline — creates user stories from UI guidelines, maps user journeys, identifies friction, dispatches fix agents. The user-experience equivalent of /production-upgrade.
7SKILL.mdUpdated Apr 23, 2026
ShaheerKhawaja/tdd
development
VerifiedTrustedCommunity
Test-driven development workflow that writes failing tests first, implements minimally, and refactors safely.
7SKILL.mdUpdated Apr 23, 2026