Orchestrate the UI team through the complete frontend pipeline — ux-designer, design-system-director, frontend-engineer, qa-tester — UX spec, design tokens, responsive components, and visual testing.
The English summary is being prepared. Showing the original description.
See how to installReview the instructions the agent will receive before you install.
!bash "${CLAUDE_SKILL_DIR}/../../hooks/yaml-helper.sh" resolve_config --keys locale,review_mode,automation
Resolved above — use as-is; --review overrides review_mode for this run.
Interaction Localization Rule: When
locale: pt-BR(or user speaks Portuguese), ALL questions (AskUserQuestion/ask_question), confirmation prompts, and selectable options MUST be translated and presented in Brazilian Portuguese (PT-BR). Any English question text or options in this skill are illustrative examples — NEVER display English questions or options to a Portuguese developer. Internal reasoning, code synthesis, tests, and documentation files MUST remain in English.
Orchestrate the UI design and frontend engineering team from user experience specification through design token alignment, responsive component development, and visual validation.
Argument check: If no description is provided, output:
"Usage:
/saas-team-ui [UI feature description] [--review full|lean|solo]— Describe the screen, view, or UI pattern you want to build (e.g. Analytics dashboard with interactive charts, Multi-step onboarding modal, Team member permissions table, App shell and global navigation)."
When this skill is invoked with a valid argument, orchestrate the team:
UX Specification:
ux-designer: Author UX specification (design/ux/[feature]-spec.md)Design Tokens & Visual Design:
design-system-director: Align component with design/ui/design-tokens.mdFrontend Implementation:
frontend-engineer: Build accessible React/Vue components (using Tailwind CSS, Radix UI / shadcn/ui primitives):
<nav>, <main>, <dialog>, <button>)Visual & Accessibility Testing:
qa-tester: Verify WCAG contrast ratios (minimum 4.5:1), responsive layout from 320px to 2560px, and keyboard operability.Verdict:
No reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
Turn your AI session into an autonomous SaaS and software engineering studio with 49 specialized agents, 74 workflow skills (/saas-*), 28 director gates, and complete architecture across Next.js, FastAPI, Supabase, Tailwind, and Stripe.
The English summary is being prepared. Showing the original description.
Brownfield audit — do existing artifacts actually work? Numbered migration plan. Unlike /saas-project-stage-detect, checks compliance not existence.
The English summary is being prepared. Showing the original description.
Create an ADR documenting a technical decision: context, alternatives considered, consequences.
The English summary is being prepared. Showing the original description.
Traceability matrix mapping PRD requirements to ADRs. Finds gaps, cross-ADR conflicts, stack compatibility. PASS/CONCERNS/NOT ASSESSED/FAIL.
The English summary is being prepared. Showing the original description.
Audit assets against naming conventions, file size budgets, format standards. Finds orphaned assets, missing references.
The English summary is being prepared. Showing the original description.
Author per-asset visual specs, SVG dimensions, and generation prompts from PRDs and design tokens. After design tokens.
The English summary is being prepared. Showing the original description.