Orchestrate UI design-to-build workflows producing design tokens, component specs, and audit reports.
npx skills add https://github.com/tcytan/tecton --skill team-uidesign
Please help me install this Agent Skill. Skill: team-uidesign Source: https://github.com/tcytan/tecton/tree/main/.claude/skills/team-uidesign Command: npx skills add https://github.com/tcytan/tecton --skill team-uidesign
This Skill turns a vague UI design request into a structured, role-based pipeline that produces design tokens, component specs, and implementation-ready build artifacts with quality audits.
Run team-uidesign on your task by providing a description like: "Design and implement the button and input components for a SaaS settings page, following the project’s design standards and ensuring full accessibility and all 8 interaction states."
High-intent search queries and answers about installing and using this skill.
To generate design tokens and component specs, the UI design request is routed through a structured pipeline that produces W3C-aligned token files and specifications covering all 8 interaction states and responsive behavior.
An 8-state accessibility audit evaluates UI components across all required interaction states, running an 8-dimension review that includes anti-AI slop detection to ensure strict accessibility compliance and quality standards.
To ensure component code only consumes semantic design tokens, the implementation pipeline generates production-ready code that strictly validates against OKLCH token standards and semantic hierarchy constraints.
Yes, you can run a critic-reviewed quality audit and automatically apply fixes, performing up to two GC fix rounds that iteratively converge on accessibility and design standards based on audit signals.
The UI design workflow supports building single components, component systems, and full design system efforts by orchestrating coordinated research, dual-track design and implementation, and reviewer audits.
The best way to translate research into OKLCH token standards is to conduct design-system analysis and component inventory, then map the findings into a W3C-aligned semantic token hierarchy.
balajivisCreate a complete design system with typography, color strategy, and DESIGN.md output.
tatargaborValidate a change's implementation against delta specs and design artifacts.
fockusCoordinate multi-agent task execution across Lead, Worker, and Reviewer roles.
tachyon-beepRoute UX tasks to appropriate design skills using task and platform context.
