ui-ux-pro-max-skill
다수의 플랫폼을 위한 전문적인 UI/UX 구축에 디자인 지능을 제공하는 AI SKILL
파일 탐색기
최종 버전 다운로드 (.zip)- banner-sizes-and-styles.md
- SKILL.md
- approval-checklist.md
- asset-organization.md
- brand-guideline-template.md
- color-palette-management.md
- consistency-checklist.md
- logo-usage-rules.md
- messaging-framework.md
- typography-specifications.md
- update.md
- visual-identity.md
- voice-framework.md
- test_sync_brand_to_tokens.py
- extract-colors.cjs
- inject-brand-context.cjs
- sync-brand-to-tokens.cjs
- validate-asset.cjs
- brand-guidelines-starter.md
- SKILL.md
- deliverables.csv
- industries.csv
- mockup-contexts.csv
- styles.csv
- styles.csv
- colors.csv
- industries.csv
- styles.csv
- banner-sizes-and-styles.md
- cip-deliverable-guide.md
- cip-design.md
- cip-prompt-engineering.md
- cip-style-guide.md
- design-routing.md
- icon-design.md
- logo-color-psychology.md
- logo-design.md
- logo-prompt-engineering.md
- logo-style-guide.md
- slides-copywriting-formulas.md
- slides-create.md
- slides-html-template.md
- slides-layout-patterns.md
- slides-strategies.md
- slides.md
- social-photos-design.md
- core.py
- generate.py
- render-html.py
- search.py
- generate.py
- core.py
- generate.py
- search.py
- SKILL.md
- slide-backgrounds.csv
- slide-charts.csv
- slide-color-logic.csv
- slide-copy.csv
- slide-layout-logic.csv
- slide-layouts.csv
- slide-strategies.csv
- slide-typography.csv
- component-specs.md
- component-tokens.md
- primitive-tokens.md
- semantic-tokens.md
- states-and-variants.md
- tailwind-integration.md
- token-architecture.md
- test_validate_tokens.py
- embed-tokens.cjs
- fetch-background.py
- generate-slide.py
- generate-tokens.cjs
- html-token-validator.py
- search-slides.py
- slide-token-validator.py
- slide_search_core.py
- validate-tokens.cjs
- design-tokens-starter.json
- SKILL.md
- copywriting-formulas.md
- create.md
- html-template.md
- layout-patterns.md
- slide-strategies.md
- SKILL.md
- ArsenalSC-OFL.txt
- ArsenalSC-Regular.ttf
- BigShoulders-Bold.ttf
- BigShoulders-OFL.txt
- BigShoulders-Regular.ttf
- Boldonse-OFL.txt
- Boldonse-Regular.ttf
- BricolageGrotesque-Bold.ttf
- BricolageGrotesque-OFL.txt
- BricolageGrotesque-Regular.ttf
- CrimsonPro-Bold.ttf
- CrimsonPro-Italic.ttf
- CrimsonPro-OFL.txt
- CrimsonPro-Regular.ttf
- DMMono-OFL.txt
- DMMono-Regular.ttf
- EricaOne-OFL.txt
- EricaOne-Regular.ttf
- GeistMono-Bold.ttf
- GeistMono-OFL.txt
- GeistMono-Regular.ttf
- Gloock-OFL.txt
- Gloock-Regular.ttf
- IBMPlexMono-Bold.ttf
- IBMPlexMono-OFL.txt
- IBMPlexMono-Regular.ttf
- IBMPlexSerif-Bold.ttf
- IBMPlexSerif-BoldItalic.ttf
- IBMPlexSerif-Italic.ttf
- IBMPlexSerif-Regular.ttf
- InstrumentSans-Bold.ttf
- InstrumentSans-BoldItalic.ttf
- InstrumentSans-Italic.ttf
- InstrumentSans-OFL.txt
- InstrumentSans-Regular.ttf
- InstrumentSerif-Italic.ttf
- InstrumentSerif-Regular.ttf
- Italiana-OFL.txt
- Italiana-Regular.ttf
- JetBrainsMono-Bold.ttf
- JetBrainsMono-OFL.txt
- JetBrainsMono-Regular.ttf
- Jura-Light.ttf
- Jura-Medium.ttf
- Jura-OFL.txt
- LibreBaskerville-OFL.txt
- LibreBaskerville-Regular.ttf
- Lora-Bold.ttf
- Lora-BoldItalic.ttf
- Lora-Italic.ttf
- Lora-OFL.txt
- Lora-Regular.ttf
- NationalPark-Bold.ttf
- NationalPark-OFL.txt
- NationalPark-Regular.ttf
- NothingYouCouldDo-OFL.txt
- NothingYouCouldDo-Regular.ttf
- Outfit-Bold.ttf
- Outfit-OFL.txt
- Outfit-Regular.ttf
- PixelifySans-Medium.ttf
- PixelifySans-OFL.txt
- PoiretOne-OFL.txt
- PoiretOne-Regular.ttf
- RedHatMono-Bold.ttf
- RedHatMono-OFL.txt
- RedHatMono-Regular.ttf
- Silkscreen-OFL.txt
- Silkscreen-Regular.ttf
- SmoochSans-Medium.ttf
- SmoochSans-OFL.txt
- Tektur-Medium.ttf
- Tektur-OFL.txt
- Tektur-Regular.ttf
- WorkSans-Bold.ttf
- WorkSans-BoldItalic.ttf
- WorkSans-Italic.ttf
- WorkSans-OFL.txt
- WorkSans-Regular.ttf
- YoungSerif-OFL.txt
- YoungSerif-Regular.ttf
- canvas-design-system.md
- shadcn-accessibility.md
- shadcn-components.md
- shadcn-theming.md
- tailwind-customization.md
- tailwind-responsive.md
- tailwind-utilities.md
- coverage-ui.json
- requirements.txt
- test_shadcn_add.py
- test_tailwind_config_gen.py
- .coverage
- requirements.txt
- shadcn_add.py
- tailwind_config_gen.py
- LICENSE.txt
- SKILL.md
- angular.csv
- astro.csv
- avalonia.csv
- flutter.csv
- html-tailwind.csv
- javafx.csv
- jetpack-compose.csv
- laravel.csv
- nextjs.csv
- nuxt-ui.csv
- nuxtjs.csv
- react-native.csv
- react.csv
- shadcn.csv
- svelte.csv
- swiftui.csv
- threejs.csv
- uno.csv
- uwp.csv
- vue.csv
- winui.csv
- wpf.csv
- app-interface.csv
- catalog-summary.json
- charts.csv
- colors.csv
- data-provenance.json
- google-font-licenses.json
- google-fonts.csv
- icons.csv
- landing.csv
- motion.csv
- phosphor-icons-upstream.json
- products.csv
- react-performance.csv
- styles.csv
- typography.csv
- ui-reasoning.csv
- ux-guidelines.csv
- pro-rules.md
- quick-reference.md
- google-api.json
- google-catalog.json
- google-existing.csv
- google-metadata.json
- google-overrides.json
- icons-curated.csv
- phosphor-core.json
- phosphor-package.json
- phosphor-react-exports.json
- phosphor-react-package.json
- relevance-baseline.json
- relevance-cases.json
- relevance-thresholds.json
- test_catalog_refresh.py
- test_core.py
- test_core_data_quality.py
- test_data_contracts.py
- test_design_system_mode.py
- test_native_desktop_stack_freshness.py
- test_relevance_evaluator.py
- test_style_taxonomy.py
- test_text_layout_resilience.py
- test_web_stack_freshness.py
- core.py
- design_system.py
- reasoning_contract.py
- search.py
- validate_data.py
- SKILL.md
- marketplace.json
- plugin.json
- bug_report.yml
- feature_request.yml
- bump-versions.yml
- check-asset-sync.yml
- refresh-catalogs.yml
- release.yml
- smoke-stacks.yml
- tests.yml
- PULL_REQUEST_TEMPLATE.md
- angular.csv
- astro.csv
- avalonia.csv
- flutter.csv
- html-tailwind.csv
- javafx.csv
- jetpack-compose.csv
- laravel.csv
- nextjs.csv
- nuxt-ui.csv
- nuxtjs.csv
- react-native.csv
- react.csv
- shadcn.csv
- svelte.csv
- swiftui.csv
- threejs.csv
- uno.csv
- uwp.csv
- vue.csv
- winui.csv
- wpf.csv
- app-interface.csv
- catalog-summary.json
- charts.csv
- colors.csv
- data-provenance.json
- google-font-licenses.json
- google-fonts.csv
- icons.csv
- landing.csv
- motion.csv
- phosphor-icons-upstream.json
- products.csv
- react-performance.csv
- styles.csv
- typography.csv
- ui-reasoning.csv
- ux-guidelines.csv
- google-api.json
- google-catalog.json
- google-existing.csv
- google-metadata.json
- google-overrides.json
- icons-curated.csv
- phosphor-core.json
- phosphor-package.json
- phosphor-react-exports.json
- phosphor-react-package.json
- relevance-baseline.json
- relevance-cases.json
- relevance-thresholds.json
- test_catalog_refresh.py
- test_core.py
- test_core_data_quality.py
- test_data_contracts.py
- test_design_system_mode.py
- test_native_desktop_stack_freshness.py
- test_relevance_evaluator.py
- test_style_taxonomy.py
- test_text_layout_resilience.py
- test_web_stack_freshness.py
- core.py
- design_system.py
- reasoning_contract.py
- search.py
- validate_data.py
- banner-sizes-and-styles.md
- SKILL.md
- approval-checklist.md
- asset-organization.md
- brand-guideline-template.md
- color-palette-management.md
- consistency-checklist.md
- logo-usage-rules.md
- messaging-framework.md
- typography-specifications.md
- update.md
- visual-identity.md
- voice-framework.md
- test_sync_brand_to_tokens.py
- extract-colors.cjs
- inject-brand-context.cjs
- sync-brand-to-tokens.cjs
- validate-asset.cjs
- brand-guidelines-starter.md
- SKILL.md
- deliverables.csv
- industries.csv
- mockup-contexts.csv
- styles.csv
- styles.csv
- colors.csv
- industries.csv
- styles.csv
- banner-sizes-and-styles.md
- cip-deliverable-guide.md
- cip-design.md
- cip-prompt-engineering.md
- cip-style-guide.md
- design-routing.md
- icon-design.md
- logo-color-psychology.md
- logo-design.md
- logo-prompt-engineering.md
- logo-style-guide.md
- slides-copywriting-formulas.md
- slides-create.md
- slides-html-template.md
- slides-layout-patterns.md
- slides-strategies.md
- slides.md
- social-photos-design.md
- core.py
- generate.py
- render-html.py
- search.py
- generate.py
- core.py
- generate.py
- search.py
- SKILL.md
- slide-backgrounds.csv
- slide-charts.csv
- slide-color-logic.csv
- slide-copy.csv
- slide-layout-logic.csv
- slide-layouts.csv
- slide-strategies.csv
- slide-typography.csv
- component-specs.md
- component-tokens.md
- primitive-tokens.md
- semantic-tokens.md
- states-and-variants.md
- tailwind-integration.md
- token-architecture.md
- test_validate_tokens.py
- embed-tokens.cjs
- fetch-background.py
- generate-slide.py
- generate-tokens.cjs
- html-token-validator.py
- search-slides.py
- slide-token-validator.py
- slide_search_core.py
- validate-tokens.cjs
- design-tokens-starter.json
- SKILL.md
- copywriting-formulas.md
- create.md
- html-template.md
- layout-patterns.md
- slide-strategies.md
- SKILL.md
- canvas-design-system.md
- shadcn-accessibility.md
- shadcn-components.md
- shadcn-theming.md
- tailwind-customization.md
- tailwind-responsive.md
- tailwind-utilities.md
- coverage-ui.json
- requirements.txt
- test_shadcn_add.py
- test_tailwind_config_gen.py
- requirements.txt
- shadcn_add.py
- tailwind_config_gen.py
- LICENSE.txt
- SKILL.md
- quick-reference.md
- skill-content.md
- agent.json
- augment.json
- claude.json
- codebuddy.json
- codewhale.json
- codex.json
- continue.json
- copilot.json
- cursor.json
- droid.json
- gemini.json
- kilocode.json
- kiro.json
- opencode.json
- qoder.json
- roocode.json
- trae.json
- universal.json
- warp.json
- windsurf.json
- build.mjs
- sync-assets.mjs
- init.ts
- uninstall.ts
- update.ts
- versions.ts
- index.ts
- detect.ts
- extract.ts
- github.ts
- logger.ts
- template.ts
- index.ts
- agent-query-contract.spec.ts
- preview.spec.ts
- template-script-paths.spec.ts
- .gitignore
- .npmignore
- bun.lock
- package-lock.json
- package.json
- playwright.config.ts
- README.md
- tsconfig.json
- 260812-1844-search-data-quality-planning.md
- 260813-0816-phase-6-accessibility-refresh.md
- 260813-1622-phase-7-web-stack-freshness.md
- 260813-1800-search-data-overhaul-completion.md
- 三个 data-scripts-templates 的区别.md
- globals.css
- layout.tsx
- page.tsx
- providers.tsx
- CodeSnippet.tsx
- ColorPalette.tsx
- DarkModeToggle.tsx
- ExpandableSection.tsx
- FilterBar.tsx
- GalleryGrid.tsx
- InteractiveChecklist.tsx
- metadata-badges.test.tsx
- MetadataBadges.tsx
- PhoneMockup.tsx
- SearchInput.tsx
- StyleCard.tsx
- StyleDetailModal.tsx
- StylePreview.tsx
- UIControlsShowcase.tsx
- styles.csv
- colorExtractor.ts
- cssGenerator.ts
- filterStyles.ts
- parseStyles.test.ts
- parseStyles.ts
- types.ts
- .gitignore
- next-env.d.ts
- next.config.js
- package-lock.json
- package.json
- postcss.config.js
- tailwind.config.ts
- tsconfig.json
- tsconfig.test.json
- xiaomaomi-app.html
- index.html
- index.html
- index.html
- website.png
- evaluate-relevance.py
- generate-catalog-summary.py
- refresh-google-fonts.py
- refresh-icon-catalog.py
- relevance_metrics.py
- smoke-domains.sh
- smoke-stacks.sh
- sync-release-version.mjs
- validate-agent-guide.py
- validate-csv.py
- angular.csv
- astro.csv
- avalonia.csv
- flutter.csv
- html-tailwind.csv
- javafx.csv
- jetpack-compose.csv
- laravel.csv
- nextjs.csv
- nuxt-ui.csv
- nuxtjs.csv
- react-native.csv
- react.csv
- shadcn.csv
- svelte.csv
- swiftui.csv
- threejs.csv
- uno.csv
- uwp.csv
- vue.csv
- winui.csv
- wpf.csv
- app-interface.csv
- catalog-summary.json
- charts.csv
- colors.csv
- data-provenance.json
- google-font-licenses.json
- google-fonts.csv
- icons.csv
- landing.csv
- motion.csv
- phosphor-icons-upstream.json
- products.csv
- react-performance.csv
- styles.csv
- typography.csv
- ui-reasoning.csv
- ux-guidelines.csv
- google-api.json
- google-catalog.json
- google-existing.csv
- google-metadata.json
- google-overrides.json
- icons-curated.csv
- phosphor-core.json
- phosphor-package.json
- phosphor-react-exports.json
- phosphor-react-package.json
- relevance-baseline.json
- relevance-cases.json
- relevance-thresholds.json
- test_catalog_refresh.py
- test_core.py
- test_core_data_quality.py
- test_data_contracts.py
- test_design_system_mode.py
- test_native_desktop_stack_freshness.py
- test_relevance_evaluator.py
- test_style_taxonomy.py
- test_text_layout_resilience.py
- test_web_stack_freshness.py
- core.py
- design_system.py
- reasoning_contract.py
- search.py
- validate_data.py
- quick-reference.md
- skill-content.md
- agent.json
- augment.json
- claude.json
- codebuddy.json
- codewhale.json
- codex.json
- continue.json
- copilot.json
- cursor.json
- droid.json
- gemini.json
- kilocode.json
- kiro.json
- opencode.json
- qoder.json
- roocode.json
- trae.json
- universal.json
- warp.json
- windsurf.json
- design-review.md
- design-plan.md
- design-review.md
- settings.json
- design-review.yml
- SETUP.md
- STACK.md
- WORKFLOW.md
- desktop-1440.png
- laptop-1024.png
- mobile-360.png
- mobile-390.png
- tablet-768.png
- wide-1920.png
- README.md
- report.json
- report.md
- design-audit.mjs
- setup.sh
- .gitignore
- .mcp.json
- CLAUDE.md
- package.json
- README.md
- .gitignore
- .releaserc.json
- CLAUDE.md
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- LICENSE
- README.md
- README.zh.md
- SECURITY.md
- skill.json
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd ui-ux-pro-max-skill
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. 공식 설치 스크립트
쉬움 추천사전 준비물
- Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다.
npm install -g ui-ux-pro-max-cli
npm 레지스트리에 배포된 패키지를 전역으로 설치합니다. 소스 클론이 필요 없습니다.
npm install -g ui-ux-pro-max-cli@latest
npm 레지스트리에 배포된 패키지를 전역으로 설치합니다. 소스 클론이 필요 없습니다.
설치 후 새 터미널을 열고, 프로그램의 버전 확인 명령(예: --version)으로 정상 설치됐는지 확인하세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
3. Node.js
쉬움사전 준비물
npm install -g ui-ux-pro-max-cli
npm 레지스트리에 배포된 패키지를 전역으로 설치합니다. 소스 클론이 필요 없습니다.
npm run sync:assets
이 명령어를 터미널에 그대로 입력해 실행하세요.
npm run check:assets
이 명령어를 터미널에 그대로 입력해 실행하세요.
npm run verify:data
이 명령어를 터미널에 그대로 입력해 실행하세요.
npm run typecheck
이 명령어를 터미널에 그대로 입력해 실행하세요.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
4. Python
쉬움사전 준비물
⚠️ 이 프로젝트는 규모가 큰 저장소라, 이 방법이 실제 핵심 제품이 아니라 내부 하위 패키지를 가리키는 것일 수 있습니다. README 전체를 함께 확인해보세요.
pip install -r .claude/skills/ui-styling/scripts/requirements.txt
requirements.txt 등에 명시된 파이썬 라이브러리를 설치합니다.
python <실행할 파일명>.py # README에서 정확한 실행 파일명을 확인하세요
파이썬 스크립트(또는 모듈)를 실행합니다.
에러 메시지 없이 실행되고 터미널에 안내 문구가 출력되면 정상입니다.
// repository documentation
Was this content helpful?
(0 ratings)
