Skill Claude CodeCodex
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.
Skill Claude CodeCodex
Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale, checking heading hierarchy, styling text in components, truncating text, styling underlines, selection, placeholders or carets, or…
Skill Claude CodeCodex
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, micro-interactions, enter/exit animations, or any visual detail work. Triggers on UI polish, design details, "make it feel better"…
Skill Claude CodeCodex
Compatibility workflow for browser-backed evidence capture. Deprecated: use web-research for primary-source research, citations, freshness, and gap analysis.
Skill Claude CodeCodex
Codex and Claude operating workflow for Memoire - JSON-first commands, commit hygiene, review loops, memory capture, and safe autonomous repo operation.
Skill Claude CodeCodex
Competitive intelligence and market analysis — systematic frameworks for analyzing competitor products, design patterns, feature matrices, positioning maps, and UX benchmarking.
Skill Claude CodeCodex
Select and classify interface components when planning a design system, mapping Figma to code, or checking component-library coverage.
Skill Claude CodeCodex
Design clear, consistent product language for navigation, actions, forms, onboarding, empty states, errors, confirmations, permissions, and trust-sensitive moments. Use when words affect comprehension, action, recovery, or confidence.
Skill Claude CodeCodex
Audit shaders, GPU-driven effects, dithering, particles, and creative rendering for visual intent, correctness, performance, accessibility, fallbacks, evidence quality, and source licensing.
Skill Claude CodeCodex
Turn repeatable agent work into scheduled jobs with explicit outputs and safe permissions.
Skill Claude CodeCodex
Transform research data (Excel, CSV, stickies) into structured insights and interactive dashboards.
Skill Claude CodeCodex
Qualitative and quantitative data synthesis — affinity mapping, thematic analysis, statistical frameworks, insight triangulation, and research-to-spec pipelines.
Skill Claude CodeCodex
Extract a public website's design system when a task needs evidence about its colors, typography, spacing, radii, shadows, components, or Tailwind tokens.
Skill Claude CodeCodex
Connect design decisions to measurable outcomes through metric trees, behavioral instrumentation, guardrails, experiment plans, and post-launch reviews. Use when a team must determine whether a design worked rather than whether it shipped.
Skill Claude CodeCodex
Use design-sandbox as the public proof repo for memi, MCP, Agent Skills, and interface craft.
Skill Claude CodeCodex
Compare real-world design-system patterns when specifying, auditing, or naming a component and current external references would improve the decision.
Skill Claude CodeCodex
Design system architecture and governance — token taxonomy, component APIs, versioning strategy, adoption metrics, multi-brand theming, and cross-platform consistency.
Skill Claude CodeCodex
Add or review DialKit controls when a React, Solid, Svelte, or Vue interface needs live tuning of animation, layout, color, typography, or component parameters.
Skill Claude CodeCodex
Docker-aware Mémoire operation — CI/CD headless pipelines, shared MCP server, agent worker containers, and Figma bridge port-forwarding for containerized setups.
Skill Claude CodeCodex
Apply Emil Kowalski's design-engineering guidance when polishing interface details, choosing motion, or reviewing whether a product feels responsive and intentional.
Skill Claude CodeCodex
Audit Figma file for design system consistency, accessibility, token adoption, Code Connect coverage.
Skill Claude CodeCodex
Route a Figma Code Connect request to Figma's current official workflow and documentation without reproducing upstream instructions. Use when mapping published Figma components to code implementations requires the official Figma MCP integration.
Skill Claude CodeCodex
Route creation of a new Figma Design or FigJam file to Figma's current official MCP workflow without reproducing upstream instructions. Use when an authorized Figma integration must create a new file before another workflow begins.
Skill Claude CodeCodex
Route Figma-specific component, variable, style, and library questions to Figma's current official design-system guidance without reproducing upstream material. Use as a reference when exact Figma behavior matters.