Skip to content
cccskills

Results for “colors”

592 skills · sorted by relevance

brand-guidelines

FreeSummary

Style documents and other artifacts with Anthropic's brand colors and fonts. The skill specifies heading and body typography, readable text colors for different backgrounds, and accent colors for shapes, with fallback fonts when needed.

  • Matching presentation colors to Anthropic's brand
  • Applying consistent heading and body fonts
  • Choosing text colors for light and dark backgrounds
ComposioHQ/awesome-claude-skills77.5KUpdated Sep 18, 2026

brand-guidelines

FreeSummaryAI rating 90

Apply Anthropic's brand colors and typography to visual materials. The skill specifies heading and body fonts, background-aware text colors, and accents for shapes, with fallback fonts when Poppins and Lora are unavailable.

  • Styling materials with Anthropic's brand colors
  • Unifying heading and body fonts
  • Adjusting text colors for light and dark backgrounds
anthropics/skills182.5KUpdated Oct 10, 2026

brand-guidelines

FreeSummary

Style materials with Anthropic's brand colors and typography. Apply distinct heading and body fonts, choose text colors for the background, and use coordinated accent colors for shapes, with fallback fonts when Poppins or Lora are unavailable.

  • Styling slides with Anthropic's brand colors
  • Applying consistent heading and body fonts
  • Coordinating shape and accent colors
davila7/claude-code-templates32.8KUpdated Oct 20, 2026

World-class color theory expertise combining the scientific precision of Josef Albers' "Interaction of Color," the systematic thinking of color systems from Pantone and RAL, and the perceptual psychology insights from researchers like Bevil Conway. Color is not just aesthetics - it's communication, emotion, and usability compressed into wavelengths. Great color work is invisible when done right. Users don't notice "nice colors" - they notice when they can't read text, when buttons don't look clickable, when errors don't feel urgent, or when the interface feels "off" without knowing why. Color theory is the science of making the right thing feel obvious. Use when "color theory, color palette, color scheme, color harmony, complementary colors, analogous colors, contrast ratio, dark mode colors, light mode, color tokens, semantic colors, color accessibility, color blindness, color psychology, color system, brand colors, data visualization colors, color, design, accessibility, contrast, dark-mode, theming, tokens, wcag, palette, harmony" mentioned.

The English summary is being prepared. Showing the original description.

omer-metin/skills-for-antigravity168Updated Jan 22, 2026

brand-guidelines

FreeSummary

Style documents and other visual artifacts using Anthropic's brand colors and typography. Applies distinct heading and body fonts, selects text colors for the background, and assigns accent colors to shapes, with fallback fonts when needed.

  • Style presentation slides with Anthropic's brand
  • Standardize heading and body fonts across materials
  • Apply brand accent colors to shapes
composio-community/open-claude-cowork4.3KUpdated May 23, 2026

Style MATLAB charts and figures. colororder palettes for chart series colors, colormap selection, brand color organization, and the R2025a Theme API for uifigure apps (dark mode with fliplightness, ThemeChangedFcn, uistyle, component colors). Use when customizing chart colors, applying a color palette, organizing brand colors, implementing dark mode, or importing an external color scheme. Triggers: theme, dark mode, brand colors, colororder, colormap, palette, fliplightness, color scheme, styling, chart colors.

The English summary is being prepared. Showing the original description.

matlab/matlab-agentic-toolkit1.2KUpdated Oct 14, 2026

brand-guidelines

FreeSummary

Style materials to match the OpenAI and Codex look using specified colors and fonts. Apply distinct formatting to headings, body text, code, and shapes, with fallback fonts when the preferred ones are unavailable.

  • Match material colors to the OpenAI and Codex look
  • Apply consistent fonts to headings and body text
  • Style code snippets with a monospace font
composio-community/awesome-codex-skills17KUpdated Jul 26, 2026

dataviz

FreeSummary

Create charts and dashboards with a consistent approach to chart selection, color validation, labels, and interaction. Includes a palette checker and accessibility rules for readable visualizations in both light and dark modes.

  • Choose a chart type that fits the data
  • Validate chart colors for color vision differences
  • Build charts for light and dark modes
asgeirtj/system_prompts_leaks69.9KUpdated Oct 20, 2026

Use when asked to generate a color palette, create industry-matched colors, or pick colors for a product type. Examples: "color palette for fintech", "healthcare app colors", "SaaS brand colors"

The English summary is being prepared. Showing the original description.

tonone-ai/tonone76Updated Oct 15, 2026

theme-factory

FreeSummaryAI rating 100

Applies coordinated colors and fonts to slides, documents, reports, and HTML landing pages. Choose from ten preset themes using a visual showcase, or request a custom theme based on a description and review it before application.

  • Giving a slide deck consistent colors and fonts
  • Choosing a theme from a visual showcase
  • Coordinating the appearance of reports and documents
anthropics/skills182.5KUpdated Oct 10, 2026

ui-styling

FreeSummaryAI rating 100

Build accessible interfaces with shadcn/ui components and Tailwind CSS styling. Create forms, tables, and layouts that adapt to screen size, then coordinate colors, spacing, and dark mode across the application.

  • Build forms with keyboard navigation
  • Adapt layouts for phones and desktops
  • Unify colors and dark mode
nextlevelbuilder/ui-ux-pro-max-skill138KUpdated Oct 15, 2026

brand-guidelines

FreeSummaryAI rating 80

Apply Anthropic's official brand colors and typography to artifacts for a consistent visual identity. The guidance also provides a reference for developing your own brand rules; the full workflow requires the upstream skill bundle.

  • Applying Anthropic brand colors to artifacts
  • Aligning typography with official brand guidance
  • Keeping visual identity consistent across artifacts
nexu-io/open-design102.8KUpdated Oct 20, 2026

brand-extract

FreeSummaryAI rating 90

Extract colors, fonts, logos, imagery, and writing style from a live website. Turn measured page details into a structured brand kit, a written guide, and a reusable design system with visual previews.

  • Document a website's colors, fonts, and logos
  • Build a brand guide from a reference website
  • Collect representative brand imagery
nexu-io/open-design102.8KUpdated Oct 20, 2026

antd-theme-customization

FreeSummaryAI rating 100

Customize Ant Design colors, spacing, corners, and typography using design tokens, shared values that control appearance. Configure global styles, individual components, dark mode, and CSS variables through ConfigProvider, and extract computed theme values when needed.

  • Matching interface colors and typography to a design
  • Configuring a dark theme
  • Adjusting the appearance of individual components
ant-design/ant-design99.8KUpdated Oct 20, 2026

theme-factory

FreeSummary

Give slides, documents, reports, and HTML landing pages consistent colors and fonts. Choose from ten preset themes using a visual showcase, or create a custom theme from a description and review it before application.

  • Making colors and fonts consistent across slides
  • Choosing a theme for documents or reports
  • Styling an HTML landing page
ComposioHQ/awesome-claude-skills77.5KUpdated Sep 18, 2026

dark-mode-css

FreeSummary

Review and implement dark mode using CSS variables and the user's operating system preference. Check fixed colors, contrast, responsive layouts, and interaction states, with guidance for adding a manual theme switch that remembers the user's choice.

  • Match site colors to the operating system's dark mode
  • Find fixed colors that break the dark theme
  • Add a manual theme switch that remembers the user's choice
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

course-style

FreeSummary

Apply shared visual and writing rules to course pages, figures, and manuals. Check colors, fonts, labels, layouts, plain technical English, dark themes, keyboard focus, touch targets, and reduced-motion behavior against defined reference values.

  • Applying consistent colors and fonts to course pages
  • Checking dark theme colors and text readability
  • Standardizing figure labels and card layouts
rohitg00/ai-engineering-from-scratch71.8KUpdated Oct 19, 2026

Build prompts for FLUX image generation and editing, with guidance on model selection, lighting, composition, text, and precise colors. It also covers structured scene descriptions using JSON and editing with multiple reference images.

  • Writing prompts for image generation
  • Specifying brand colors and text
  • Editing with multiple reference images
calesthio/OpenMontage70.3KUpdated Oct 17, 2026

ui-design-system

FreeSummary

Create a consistent UI design system from brand colors. Generate design tokens, reusable values for colors, typography, and spacing, and support component documentation, responsive layout calculations, accessibility considerations, and clear handoff materials for developers.

  • Generate shared design values from brand colors
  • Standardize typography and spacing across screens
  • Plan layouts for different screen widths
davila7/claude-code-templates32.8KUpdated Oct 20, 2026

theme-factory

FreeSummary

Apply coordinated colors and fonts to slides, documents, reports, and HTML landing pages. Choose from ten preset themes or create a custom theme from a description, review it, and apply consistent styling across the artifact.

  • Unifying colors and fonts across a slide deck
  • Choosing a visual style for documents and reports
  • Applying a theme to an HTML landing page
davila7/claude-code-templates32.8KUpdated Oct 20, 2026

jetbrains-ui

FreeSummary

Build and review JetBrains plugin interfaces using Swing and IntelliJ Platform components. Follow concrete rules for layouts, theme colors, fonts, spacing, dialogs, and tool windows while keeping shared style values consistent.

  • Building tool windows and settings screens
  • Reviewing theme colors, fonts, and spacing
  • Choosing components for dialogs and notifications
Kilo-Org/kilocode27.7KUpdated Oct 20, 2026

Guide the colors, fonts, spacing, and charts used in websites, slides, PDFs, and reports. Includes format-specific typography rules, readability checks, and named color and font themes for documents and other non-web outputs.

  • Unifying colors and fonts across slides
  • Improving readability in PDFs and reports
  • Choosing chart types and meaningful colors
kortix-ai/suna20.3KUpdated Oct 20, 2026

theme-factory

FreeSummary

Give slides, documents, reports, and HTML landing pages consistent colors and fonts. Choose from ten preset themes using a visual showcase, or create a custom theme from a description and review it before application.

  • Making colors and fonts consistent across slides
  • Choosing a theme for documents or reports
  • Styling an HTML landing page
composio-community/awesome-codex-skills17KUpdated Jul 26, 2026

Build HTML/CSS pages styled after a named brand using 54 design references. Templates provide colors, typography, spacing, component styles, responsive behavior, and font substitutes to guide a consistent visual result.

  • Create a landing page with Stripe-inspired styling
  • Style a content site after Notion
  • Build a dark dashboard inspired by Linear
yc-software/qm15.5KUpdated Oct 20, 2026