CommunityArt & Designgithub.com

jakubkrehel/oklch-skill

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.

Works with~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jakubkrehel/oklch-skill/tree/main/skills/oklch-skill

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

jakubkrehel/oklch-skill

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.

Related Skills

figma/figma-generate-design

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'. This is the preferred workflow skill whenever the user wants to build or update a full page, modal, dialog, drawer, sidebar, panel, or any composed multi-section view in Figma from code or a description. Discovers design system components, variables, and styles from Code Connect files, existing screens, and library search, then imports them and assembles views incrementally section-by-section using design system tokens instead of hardcoded values.

community

houtaohayden-design/react-fullstack-pipeline

React Full-Stack Pipeline — Claude Code Plugin: 20 skills, 6 agents, 26 trained libraries, 23 design system specs. Complete React dev lifecycle from brainstorming to deploy.

community

Josh-E-S/pexip-claude-skills

A collection of Claude Code skills for building on top of Pexip Infinity, covering the PexRTC JavaScript client, the raw Client REST API

community

GarySonyak/cc-native

Claude Code native — feature guide skill, deterministic verify hook, LLM auditor agent. Keeps Claude Code feature knowledge fresh.

community

Soljunge/ValOS

ValOs is a persistent, self-improving AI agent built as an evolution of autonomous agent frameworks. Engineered for both high-stakes environments (like memecoin trading and market analysis) and developer workflow automation, it operates with strategic depth, autonomous skill creation, and omnipresent accessibility.

community

wondelai/predictable-revenue

Build a scalable outbound B2B sales process with specialized roles (SDR, AE, CSM). Use when the user mentions "outbound sales", "Cold Calling 2.0", "prospecting emails", "sales pipeline", "SDR process", "B2B SaaS sales", "sales development", or "pipeline velocity". Also trigger when setting up a sales team from scratch, designing cold email sequences, or building qualification frameworks to improve close rates. Covers lead generation, qualification frameworks, and separating prospecting from closing. For offer design, see hundred-million-offers. For persuasion science, see influence-psychology.

community