본문으로 건너뛰기
cccskills

'palette' 검색 결과

423건 · 관련도순

review

무료

Review the UI and style files changed in the working tree against this repo's own design system, before they are saved or committed. Runs the same deterministic check as the CLI's --check flag (no tokens, about a second): hardcoded colours where a token exists, near-identical colour twins, off-scale spacing, radii, font sizes and shadows, typefaces outside the system, arbitrary Tailwind values, static inline styles, !important, duplicate component definitions and imports of the copy to avoid, new tokens that copy an existing one, chart colours written by hand where the repo keeps a chart palette (and one calm warning asking for a palette where it keeps none), on a repo built on MUI, Mantine, Chakra or Ant Design, colours or pixel sizes written onto kit components where the theme has a value, and on a Tailwind theme or a shadcn repo, palette classes such as text-gray-500 where the theme names a colour of that kind. Findings name the file, the line and the fix. This is the small, fast check for what just changed; the roast skill is the full scan of the whole repo with a report.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

gregkozakiewicz/roast-my-design-system272026년 10월 16일 업데이트

Select colormaps and qualitative palettes for scientific figures using perceptual-uniformity, color-vision-deficiency safety, and luminance-monotonicity criteria. Covers Crameri scientific colormaps, viridis/cividis/magma, Okabe-Ito categorical, ColorBrewer, and the rainbow/jet critique. Use when choosing palettes for heatmaps, scatter, networks, or any encoding where color carries quantitative or categorical meaning.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

lilinji/GeneTind-Life-Skills162026년 8월 21일 업데이트

Use when designing UI components, creating design systems, reviewing visual design, or checking accessibility compliance. Triggers on "design system", "UI review", "color palette", "font pairing", "accessibility audit", "responsive design", "WCAG check". Auto-activates when ui-ux-designer agent is working. Data-driven: 160 palettes, 73 font pairings, 161 product types, 98 UX guidelines, 25 chart types.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ngocsangyem/MeowKit152026년 7월 28일 업데이트

Produces accessible color palettes and CSS design-token implementations for brands and websites. Use when the task asks for "color palette", "brand colors", "color scheme", "WCAG contrast", "dark mode colors", "design tokens", or "CSS custom properties for colors". Covers color theory, WCAG 2.2 contrast compliance, dark mode, AI palette extraction, and color psychology.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

nvdigitalsolutions/mcp-ai-wpoos72026년 10월 21일 업데이트

Select colormaps and qualitative palettes for scientific figures using perceptual-uniformity, color-vision-deficiency safety, and luminance-monotonicity criteria. Covers Crameri scientific colormaps, viridis/cividis/magma, Okabe-Ito categorical, ColorBrewer, and the rainbow/jet critique. Use when choosing palettes for heatmaps, scatter, networks, or any encoding where color carries quantitative or categorical meaning.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

huang-sh/DeepScience42026년 7월 15일 업데이트

Select colormaps and qualitative palettes for scientific figures using perceptual-uniformity, color-vision-deficiency safety, and luminance-monotonicity criteria. Covers Crameri scientific colormaps, viridis/cividis/magma, Okabe-Ito categorical, ColorBrewer, and the rainbow/jet critique. Use when choosing palettes for heatmaps, scatter, networks, or any encoding where color carries quantitative or categorical meaning.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

peacezha/TRACE32026년 10월 20일 업데이트

Select colormaps and qualitative palettes for scientific figures using perceptual-uniformity, color-vision-deficiency safety, and luminance-monotonicity criteria. Covers Crameri scientific colormaps, viridis/cividis/magma, Okabe-Ito categorical, ColorBrewer, and the rainbow/jet critique. Use when choosing palettes for heatmaps, scatter, networks, or any encoding where color carries quantitative or categorical meaning.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

peacezha/HPClaw32026년 10월 11일 업데이트

pixel-art

무료요약 있음AI 평가 100점

사진과 이미지를 NES, Game Boy 등의 색상을 사용한 복고풍 픽셀 아트로 변환합니다. 비, 눈, 반짝이는 별을 더해 짧은 MP4나 GIF도 제작합니다.

  • 사진을 복고풍 픽셀 아트로 변환
  • 게임풍 아바타와 캐릭터 제작
  • 포스터와 소셜 미디어용 픽셀 아트 제작
NousResearch/hermes-agent25.6만2026년 10월 21일 업데이트

html-ppt-zhangzara-editorial-tri-tone

무료요약 있음AI 평가 100점

문화 잡지 개편안과 브랜드 제안을 분홍색, 크림색, 버건디의 세 가지 색상과 글꼴 대비로 정리합니다. 잡지 지면처럼 통일된 HTML 슬라이드를 만듭니다.

  • 문화 잡지 개편안 제안
  • 패션 브랜드 자료 제작
  • 편집 디자인 방향 검토
nexu-io/open-design10.3만2026년 10월 21일 업데이트

imagegen-frontend-web

무료요약 있음AI 평가 90점

랜딩 페이지와 제품 사이트의 디자인을 섹션별 가로 이미지로 만듭니다. 색상과 서체를 통일하며 구도와 여백, 버튼 표현을 달리해 구현 참고 자료로 제공합니다.

  • 랜딩 페이지를 섹션별로 검토합니다
  • 첫 섹션의 구도를 검토합니다
  • 개발자에게 참고 이미지를 공유합니다
nexu-io/open-design10.3만2026년 10월 21일 업데이트

deck-guizang-editorial

무료요약 있음AI 평가 90점

잡지 지면과 전자종이를 떠올리게 하는 가로형 슬라이드를 만듭니다. 열 가지 배치와 다섯 가지 색상 구성으로 주장과 데이터를 인쇄물 같은 모습으로 정리합니다.

  • 잡지 스타일의 자료로 주장 전달
  • 연구 결과와 주요 수치 공유
  • 장별로 구성한 발표 자료 제작
nexu-io/open-design10.3만2026년 10월 21일 업데이트

design-taste-frontend

무료요약 있음AI 평가 90점

주제에 맞는 구성과 글꼴을 골라 공개 웹페이지를 기획하고 구현·검토합니다. 실제 브라우저 측정과 세 가지 화면 너비의 스크린샷을 바탕으로 개선합니다.

  • 틀에 박힌 랜딩 페이지 재설계
  • 독자적인 구상을 담은 포트폴리오 제작
  • 세 화면 너비에서 글자와 배치 점검
Leonxlnx/taste-skill10.1만2026년 10월 21일 업데이트

generate-console-theme

무료요약 있음AI 평가 100점

원하는 분위기에 맞춰 여섯 가지 색상과 별·지구본 등의 움직임을 조정합니다. 글자와 상태 표시의 가독성을 유지하며 Ruflo Console Theme Studio에 가져올 JSON 테마를 만듭니다.

  • 취향에 맞는 콘솔 배색 만들기
  • 장식을 줄이고 움직임 완화하기
  • 별과 지구본으로 미래적인 화면 꾸미기
ruvnet/ruflo7.8만2026년 10월 21일 업데이트

Design and review web and mobile interfaces using searchable guidance on colors, fonts, layouts, charts, and interaction. Generate a consistent design plan, then apply framework-specific advice and checks for accessibility, responsiveness, and visual consistency.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Choose colors and fonts for a new app
  • Design a dashboard and select suitable charts
  • Review forms for accessibility and ease of use
davila7/claude-code-templates3.3만2026년 10월 21일 업데이트

Create article cover images based on the topic and tone of the text. Choose the composition, colors, rendering style, text amount, and mood, with reference images and aspect ratios to guide the result.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Creating a cover image for a blog article
  • Making a cover with a title and subtitle
  • Matching a cover to reference colors or composition
JimLiu/baoyu-skills2.7만2026년 9월 11일 업데이트

Turn written content into a series of one to ten illustrated image cards for social media. Choose from twelve visual styles, eight layouts, and three optional palettes, with content analysis and outline planning before image generation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Turning an article into social media image cards
  • Creating illustrated step-by-step tutorials
  • Presenting product comparisons as image cards
JimLiu/baoyu-skills2.7만2026년 9월 11일 업데이트

Build reusable React components that save settings in browser storage and support keyboard selection. The patterns cover settings dialogs and command palettes, with guidance on TypeScript types, storage keys, and managing keyboard focus.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Keeping app settings across page reloads
  • Building command selection with arrow keys and Enter
  • Creating reusable settings dialogs
HKUDS/OpenSpace7.8천2026년 8월 13일 업데이트

Create flat SVG illustration cards featuring one expressive person and one main prop. A defined palette, character proportions, reusable drawing parts, and visual checks help keep error pages, onboarding screens, and marketing illustrations consistent.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Illustrate 404 pages and error messages
  • Create artwork for empty states and onboarding
  • Draw coming-soon cards with a person and a prop
MengTo/Skills6.9천2026년 10월 18일 업데이트

colorize

무료

Add purposeful color to monochromatic interfaces so key actions, statuses, and categories are easier to recognize. Refine backgrounds, text, and charts around a consistent palette while checking contrast and avoiding reliance on color alone.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Adding warmth to a gray interface
  • Highlighting primary buttons
  • Distinguishing statuses and categories
fengshao1227/ccg-workflow5.9천2026년 10월 21일 업데이트

Turn JSON data into browser-ready infographics with metric cards, grouped bar charts, process diagrams, or mixed dashboards. Outputs include all styling and SVG graphics in one HTML file, with preset palettes and icons and no external dependencies.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Display team KPIs as metric cards
  • Compare monthly or quarterly figures
  • Illustrate business processes as flow diagrams
zebbern/claude-code-guide4.7천2026년 10월 21일 업데이트

Style UI for mintlify.com using extracted design tokens, named values for colors, corner shapes, and fonts. Apply the supplied palette and inter font, reuse existing values, and identify gaps when a needed setting is missing.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Style UI using the mintlify.com palette
  • Apply the defined font and corner radius
  • Identify missing design values
Manavarya09/design-extract4.3천2026년 10월 20일 업데이트

Turn written instructions into infographics for statistics, comparisons, timelines, and more. Choose layouts and color palettes, optionally research supporting facts, and receive versioned images with automated quality reviews and refinement when scores fall below the chosen threshold.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Turning survey results into a statistical infographic
  • Creating a side-by-side product comparison
  • Visualizing company history or project milestones
foryourhealth111-pixel/Vibe-Skills3.8천2026년 10월 20일 업데이트

Critique a rendered screen's colour — contrast ratios, palette coherence, and semantic meaning. Use when reviewing one screen. For a product-wide WCAG audit use `accessibility-audit` (design-systems); for building the palette use `color-system` (ui-design).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Owl-Listener/designer-skills3천2026년 9월 6일 업데이트

Build and script 2D tilemaps in Unity 6.3 LTS: the Grid + Tilemap components, the Tile Palette, tilemap colliders, rule tiles, and runtime SetTile/GetTile painting. Use when painting tile levels, adding a TilemapCollider2D, using rule or animated tiles, generating tilemaps from code, or when the user mentions Unity tilemap, tile palette, rule tile, or Grid.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

gamedev-skills/awesome-gamedev-agent-skills2.5천2026년 10월 9일 업데이트