Theme Builder
技能 已验证 活跃Build light/dark theme from scratch or improve existing. Complete surface, text, and interactive color system
To automate the creation of comprehensive and consistent light/dark themes, saving developers time and ensuring design quality.
功能
- Build light/dark themes from scratch
- Improve existing themes
- Generate complete color systems
- Output in project-appropriate formats
使用场景
- When starting a new project and needing a theme foundation
- When refreshing or modernizing an existing theme
- When ensuring consistent theming across a design system
非目标
- Generating UI components
- Performing accessibility audits
- Writing application logic
工作流
- Determine brand color and style direction
- Generate palette with `uiux_generate_palette` (brand, neutral, semantic, surfaces, text, borders, interactive)
- Generate dark mode variant
- Output theme in project-appropriate format (CSS vars, Tailwind, shadcn theme)
Practical Utility
- info:Edge casesThe SKILL.md mentions 'Output: Complete theme configuration ready to paste into the project,' implying graceful handling of successful generation, but explicit failure modes and recovery steps are not detailed.
安装
请先添加 Marketplace
/plugin marketplace add Aboudjem/ui-ux-suite/plugin install ui-ux-suite@ui-ux-suite质量评分
已验证类似扩展
Layout Audit
100Layout and spacing audit covering grid, spacing consistency, density, responsive behavior
Ui Ux Pro Max
100UI/UX design intelligence with searchable style, palette, typography, and chart databases. Use when designing UI components, choosing colors/fonts, reviewing code for UX issues, building landing pages, or implementing responsive layouts.
A11y Audit
100Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets
UI UX Pro Max 品牌技能
99品牌声音、视觉标识、信息框架、素材管理、品牌一致性。用于品牌内容、语调、营销素材、品牌合规性、风格指南。
Design Intelligence
98Design system bootstrapping and token generation. Takes project context and outputs ready-to-use design tokens, Tailwind config, and CSS variables.
OilOil UI/UX Guide
95运行结构化的UI/UX咨询，以（a）共同设计特定项目的设计系统并输出 `design-spec.md`，（b）审查现有UI并提出优先修复建议，或（c）为某个界面输出简洁的“可做/不可做”规则。当用户想要定义/构建/改进设计系统或设计标记时，请求设计规范，请求对屏幕/模型/PR进行完整UI审查，或想要针对界面类型设计规则时触发。请勿为狭窄的一次性问题（“这个颜色可以吗？”、“这个按钮应该更大吗？”）触发 — 直接回答这些问题，无需启动咨询流程。