원클릭으로 Manus에서 모든 스킬 실행

시작하기

theme-builder

스타4

포크1

업데이트2026년 4월 17일 09:37

Build light/dark theme from scratch or improve existing. Complete surface, text, and interactive color system

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

Aboudjem

Aboudjem/ui-ux-suite

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

/theme-builder: Build or Improve Theme

Build a complete light + dark theme from a brand color, or improve an existing theme.

Flow

Determine brand color and style direction
Generate palette with uiux_generate_palette:
- Brand: primary, primary-foreground
- Neutral: 11-step scale from lightest to darkest
- Semantic: success, error, warning, info (each with base, light, dark)
- Surfaces: background, surface, elevated, overlay
- Text: primary, secondary, muted, inverse
- Borders: default, strong, muted
- Interactive: focus ring, selection, hover overlay
Generate dark mode variant (proper dark mode, not inverted)
Output in project-appropriate format (CSS vars, Tailwind, shadcn theme)

Output

Complete theme configuration ready to paste into the project.

이 저장소의 다른 Skills

같은 저장소

design-audit

Aboudjem/ui-ux-suite

Full project design audit that orchestrates all agents, scores across 12 dimensions, generates prioritized action plan

2026-05-294

a11y-audit

Aboudjem/ui-ux-suite

Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets

2026-04-174

color-audit

Aboudjem/ui-ux-suite

Color-only audit to extract, evaluate, and recommend improvements for the project's color system

2026-04-174

component-audit

Aboudjem/ui-ux-suite

Component consistency audit covering state coverage, hierarchy, patterns

2026-04-174

design-checklist

Aboudjem/ui-ux-suite

Interactive pre-launch design quality checklist

2026-04-174

design-compare

Aboudjem/ui-ux-suite

Compare current design against a reference or competitor

2026-04-174

name	theme-builder
description	Build light/dark theme from scratch or improve existing. Complete surface, text, and interactive color system
trigger	build theme\|theme builder\|light dark theme\|create theme

/theme-builder: Build or Improve Theme

Build a complete light + dark theme from a brand color, or improve an existing theme.

Flow

Determine brand color and style direction
Generate palette with uiux_generate_palette:
- Brand: primary, primary-foreground
- Neutral: 11-step scale from lightest to darkest
- Semantic: success, error, warning, info (each with base, light, dark)
- Surfaces: background, surface, elevated, overlay
- Text: primary, secondary, muted, inverse
- Borders: default, strong, muted
- Interactive: focus ring, selection, hover overlay
Generate dark mode variant (proper dark mode, not inverted)
Output in project-appropriate format (CSS vars, Tailwind, shadcn theme)

Output

Complete theme configuration ready to paste into the project.