Deft
Ask AI

Search

Search skills, authors and topics

Color

Color systems, contrast, and palette strategy.

  • diagram-design

    Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar chart (polar/radial lollipop), loop/flywheel, nested, tree, org chart, layer stack, exploded axonometric, axonometric plan, Venn, pyramid/funnel, treemap and marimekko, heatmap, bar and dumbbell, waterfall, line (slopegraph, ridgeline, streamgraph, bump), Gantt and scatter charts (bubble, beeswarm, box plot), high-level, process,

    cathrynlavery66.3K

  • chart-designer

    Design effective data visualizations and charts. Generate chart configurations for ECharts, Chart.js, and other libraries. Create dashboards and reports.

    claude-office-skills569

  • brand-guidelines

    Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

    anthropics192.1K

  • theme-factory

    Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

    anthropics192.1K

  • brand-identity

    Brand identity sets from one brief - logo, typography and colour palette built together, measured (contrast, colour blindness, glyph coverage, font licences, small-size logo renders) and compared side by side as identity cards, shown on the user's own site, then a brand guidelines kit (PDF, logo files, tokens) for the chosen set. Use for a new brand or any part of one (logo, fonts, colours, or a mix), for refreshing an identity, or for critiquing one, even if the user only says "branding".

    fatihaydost334

  • token-mapping

    Reports how hardcoded style values on a page, file or diff map onto a project's existing design tokens, purpose first, then value. Use for "are we using our tokens here", "which hardcoded colors map to which tokens", a token audit or planning a token migration. It never edits and never creates or renames tokens. Fixes and whole-app consistency go to design-system-boss.

    arla6ka268

  • cc-figma-tokens

    Build or update Figma Primitive and Semantic variable collections from component-contracts token files.

    nvillapiano33

  • sync-figma-token

    Sync design tokens between code and Figma variables with drift reporting, approval gates, safe delta apply, and persisted reports.

    firebenders27

  • colorize

    Introduce strategic color systems to interfaces that feel dull, monochrome, or visually flat.

    pbakaus107.5K

  • accessibility-inspect

    Manual accessibility pass on a live page: keyboard operation and focus order, screen-reader names and roles, reflow and zoom, reduced motion, form errors, and target size. Use for the checks a rule engine can't decide; it grades findings by evidence and severity but does not fix them.

    AccessLint120

  • better-colors

    OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.

    jakubkrehel11.9K

  • oklch-skill

    Practical OKLCH color workflow skill for building consistent, accessible, and tunable color systems in modern UIs.

    jakubkrehel280