From typescript-ui
Use this skill when the user asks to comprehensively improve existing UI — design + performance + type safety + anti-AI aesthetics in one pass. Triggers: "improve this UI", "make this better", "make this god tier", "polish these components", "refactor the UI", "level up the design", "make this look like a human team built it", "full UI pass", "improve everything". Dispatches the typescript-ui:ui-team-lead Opus orchestrator which coordinates 4 specialist agents in parallel (design reviewer, anti-slop auditor, perf engineer, TS engineer), deduplicates findings, and produces a unified improvement plan ordered by impact. This is the heavy-hitter — use when the user wants the full treatment.
npx claudepluginhub themizeguy/typescript-ui-publicThis skill is limited to using the following tools:
You are coordinating a comprehensive multi-specialist UI improvement pass. This is the plugin's flagship skill — it dispatches the team lead who orchestrates 4 specialist agents.
Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.
Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Builds 3-5 year financial models for startups with cohort revenue projections, cost structures, cash flow, headcount plans, burn rate, runway, and scenario analysis.
You are coordinating a comprehensive multi-specialist UI improvement pass. This is the plugin's flagship skill — it dispatches the team lead who orchestrates 4 specialist agents.
Same resolution rules as typescript-review-ui / typescript-optimize-ui:
| Argument | Meaning |
|---|---|
(empty) or diff | Uncommitted + staged |
<file> / <directory> | Specific target |
all | Entire project |
Include all UI-relevant files: components, pages, layouts, styles, theme config, tsconfig. Exclude standard patterns.
Warning thresholds:
100 files: "This is a large scope. The team lead will dispatch 4 Opus agents in parallel — this will take several minutes. Continue or narrow the scope?"
This is the full treatment — gather everything:
globals.css, tailwind.config.*, :root blocks.**/components/**/*.tsx and count + list.**/app/**/page.tsx or **/pages/**/*.tsx.<img, <Image, next/image.git rev-parse --show-toplevel.The team lead needs FULL context because it dispatches 4 sub-agents, each of which needs a complete briefing.
SCOPE — comprehensive UI improvement pass on these files:
<absolute path list>
PROJECT CONTEXT:
- Root: <absolute path>
- Framework: <name + version>
- React: <version>
- Tailwind: <v3/v4/none>
- tsconfig: strict=<bool>, noUncheckedIndexedAccess=<bool>, exactOptionalPropertyTypes=<bool>, verbatimModuleSyntax=<bool>
- Linter: <eslint flat / legacy / biome / none>
- Token system: <OKLCH / shadcn default / hex / custom>
- Primary font: <name>
- Icon source: <lucide / heroicons / custom / mixed>
- Component count: <N>
- Page/route count: <N>
- Perf tooling: <web-vitals / vercel-analytics / lighthouse-ci / none>
USER GOAL: <user's words verbatim — "make this god tier", "improve for launch", etc.>
PLUGIN REFERENCES: ${CLAUDE_PLUGIN_ROOT}/references/ — all 26 files.
TASK:
1. Read ARCHITECTURE.md for the reference → agent mapping.
2. Dispatch 4 specialists in parallel:
a. ui-design-reviewer — visual + UX + accessibility
b. ui-anti-slop-auditor — AI-tell detection
c. ui-perf-engineer — CWV + bundle + rendering
d. ui-typescript-engineer — TS6 strictness + component typing
3. Each specialist gets the full PROJECT CONTEXT above.
4. Wait for all 4.
5. Merge findings: deduplicate, re-rank by impact, number sequentially.
6. Present the unified report in the format from your system prompt.
7. End with the structured improvement plan (quick wins / design pass / perf pass / type safety pass).
HARD RULES:
- Dispatch real agents. Don't simulate their output.
- Opus agents only.
- Foreground execution.
- Deduplicate cross-agent findings.
- No AI slop.
subagent_type: "typescript-ui:ui-team-lead"description: "Full UI improvement: N files"prompt: the prompt from Step 3This is the full improvement report from 4 specialist agents. Apply changes? Options:
- "all CRITICAL" / "all CRITICAL and HIGH"
- "quick wins only"
- "design pass" / "perf pass" / "type safety pass"
- "finding 3, 7, 12, 15"
- "everything in <filename>"
- "skip"
typescript-review-ui, typescript-optimize-ui) on specific areasAfter applying any fixes:
tsc --noEmit to verify compilation.@theme tokens are valid.typescript-review-ui (design), typescript-optimize-ui (perf), or a TS senior review plugin.