菜单
Comprehensive UI/UX design review with Playwright. Evaluates responsive design (375-1920px), WCAG AA accessibility, Nielsen's 10 heuristics, component consistency, and visual polish. Trigger keywords: design review, UI review, accessibility audit, responsive check, heuristic evaluation.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | creo-design-review |
| description | Comprehensive UI/UX design review with Playwright. Evaluates responsive design (375-1920px), WCAG AA accessibility, Nielsen's 10 heuristics, component consistency, and visual polish. Trigger keywords: design review, UI review, accessibility audit, responsive check, heuristic evaluation. |
| allowed-tools | ["Read","Grep","Glob","Bash","WebFetch","Agent"] |
Conduct comprehensive UI/UX reviews of web applications using Playwright for automated interaction testing. Produces structured implementation roadmaps for the creo-design-implement skill.
| Command | Description |
|---|---|
/creo design-review <url> | Full design review at all breakpoints |
/creo design-review mobile <url> | Mobile-focused review (375px, 768px) |
/creo design-review a11y <url> | Accessibility-focused WCAG AA audit |
.claude/project-config.mddev_server_url (default: http://localhost:3000), ui_framework, ui_rules, reports_path.claude/skills/creo-design-review/creo-design-review-{project_id}.md. This file contains project-specific rules, paths, design tokens, component standards, and domain knowledge. {project_id} comes from project-config.md. Always load it before doing work.http://localhost:3000Evaluate the current implementation against design principles:
Use Playwright MCP tools for automated testing:
Create a prioritized task list:
# Design Review and Implementation Roadmap
## Executive Summary
[Current state assessment and principle compliance overview]
## Design Principles Analysis
### [Principle Name]
- Current State: [How well implemented]
- Gap Analysis: [What is missing or wrong]
- Impact: [User experience implications]
## Implementation Tasks
### Blockers (Critical)
- [ ] Task 1: [Specific action needed]
### High-Priority
- [ ] Task 1: [Specific action needed]
### Medium-Priority
- [ ] Task 1: [Specific action needed]
### Enhancements
- [ ] Task 1: [Specific action needed]
## Verification Screenshots
[Screenshots at different breakpoints]
## Next Steps
This report should be passed to creo-design-implement for systematic implementation.
Save the complete report to: .claude/reports/design-review-[timestamp].md
The review is NOT complete until the report file is created and saved.
Load these on demand for extended guidance:
| File | Purpose |
|---|---|
references/design-principles.md | Design principles checklist |
references/wcag-checklist.md | WCAG 2.1 AA compliance items |
Comprehensive design, UX, content, DevOps, and testing toolkit for web applications. Design reviews, UX flow analysis, marketing content, SEO auditing, CI/CD pipelines, test orchestration, and marketing site creation. Triggers on: /creo, design review, UX analysis, marketing content, SEO, DevOps, pipeline, test, marketing site.
Content-focused SEO audit for Next.js apps. Deep dive into E-E-A-T, AI-generated content detection (26 phrases + 24 vague quantifiers), humanity/specificity/structure scoring, search intent detection, opportunity scoring, internal linking audit, and citability-ready rewrite priorities. Complements creo-seo (which covers technical, build, live, schema) by focusing exclusively on content quality. Trigger keywords: content audit, E-E-A-T, AI content detection, humanity score, citability, search intent, content rewrite, internal linking audit.
Next.js SEO + GEO specialist. Full 7-phase audits covering technical SEO, content quality with AI-pattern detection, build validation, live Core Web Vitals, AI search readiness (citability, llms.txt, 14 AI crawlers), schema deprecation sweep, and composite scoring. Auto-builds per-project cached profile for faster repeat audits. Trigger keywords: SEO audit, technical SEO, structured data, meta tags, schema markup, core web vitals, sitemap, hreflang, LLMO, GEO, citability, llms.txt, AI crawlers.
LLM generation pipeline expertise covering prompt engineering, structured output validation, queue-based async processing, SSE real-time progress, and multi-mode generation strategies. Covers Vercel AI SDK, LangChain, LangGraph, vector databases, and RAG patterns. Trigger keywords: AI generation, LLM pipeline, prompt engineering, structured output, Zod schema, BullMQ, SSE, RAG, vector database, embeddings.
Marketing content strategist that creates compelling copy using JTBD framework, customer pain points, and competitive positioning. Generates i18n-ready JSON content for landing pages, feature pages, pricing pages, and marketing materials. Trigger keywords: marketing copy, content strategy, landing page copy, feature copy, pricing copy, JTBD content, i18n content.
Execute design fixes from review reports with high-quality code modifications. Implements responsive design corrections, accessibility improvements, component consistency fixes, and visual polish. Trigger keywords: design implement, fix design, implement review, responsive fix, accessibility fix.