mirror of
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill.git
synced 2026-08-01 19:06:14 +00:00
A ready-to-use Claude Code environment for website design, bundling: - .mcp.json: Playwright + Chrome DevTools + shadcn MCP servers - CLAUDE.md: the design loop (plan -> commit to a look -> build -> screenshot -> review) - .claude/agents/design-review.md: 7-phase design-review subagent (WCAG AA, responsive) - .claude/commands: /design-review, /design-plan - scripts/design-audit.mjs: standalone multi-viewport screenshot + heuristic audit - .github/workflows/design-review.yml: CI design gate (template) - docs/: STACK, SETUP, WORKFLOW - examples/juniper-audit/: a real audit run (report + 6 viewport screenshots) Pairs with the ui-ux-pro-max skill (knowledge layer) and the official frontend-design plugin (taste layer). Lives on its own branch as a self-contained starter; copy stack/ out to seed a standalone repo. Co-authored-by: Claude <noreply@anthropic.com>
20 lines
622 B
JSON
20 lines
622 B
JSON
{
|
|
"name": "claude-website-design-stack",
|
|
"version": "1.0.0",
|
|
"private": true,
|
|
"description": "A ready-to-use Claude Code stack that makes the agent good at website design: knowledge (ui-ux-pro-max) + taste (frontend-design) + visual feedback (Playwright/Chrome DevTools MCP) + automated design review.",
|
|
"type": "module",
|
|
"scripts": {
|
|
"setup": "bash scripts/setup.sh",
|
|
"audit": "node scripts/design-audit.mjs",
|
|
"audit:file": "node scripts/design-audit.mjs --file ./index.html"
|
|
},
|
|
"devDependencies": {
|
|
"playwright": "^1.49.0"
|
|
},
|
|
"engines": {
|
|
"node": ">=18"
|
|
},
|
|
"license": "MIT"
|
|
}
|