Menu
Scaffold frontend architecture, components, routing, and UI dependencies from project config and wireframes.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Plan and orchestrate authorized Nmap host discovery, port and service enumeration, NSE profiling, and reporting artifacts for in-scope targets.
Assess Active Directory identity attack paths including roasting, relay, and delegation abuse.
Test APIs against OWASP API Security Top 10 including discovery, auth abuse, and protocol-specific checks.
Test authentication and session management controls for bypass and account takeover scenarios.
Set up authorized C2 simulation workflows and measure defensive detection outcomes.
Assess AWS, Azure, and GCP controls for IAM escalation and cloud service exposure.
| name | web-frontend-designer |
| description | Scaffold frontend architecture, components, routing, and UI dependencies from project config and wireframes. |
| compatibility | codex, claude-code, claude-ai, agent-skills |
| license | Apache-2.0 |
| allowed-tools | ["read_file","write_file","run_terminal_cmd","web_search"] |
| metadata | {"category":"web-builder","stage":"3-frontend","pipeline":"web-builder"} |
Scaffold a production-ready frontend foundation from project-config.json and
wireframes.md, including component structure, dependencies, and route shells.
project-config.json and wireframes.md.create-next-app or Vite scaffolding pattern).components, layouts, pages or app) and route placeholders for the sitemap.frontend-report.json.python skills/web-frontend-designer/scripts/frontend_designer.py --input <workspace> --output <out.json> --format json
references/tools.md