Навыки: Дизайн

Generates SCSS theme files in src/theme/ including vars.scss, shadow.scss, and index.scss with sample variables and mixi...

Enforce consistent theming across all prototype mockup screens. Auto-loads theme.yaml, validates CSS variable usage, pre...

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. Th...

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. Th...

[UI/UX] Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages,...

This skill should be used when implementing "professional styling", "theme systems", "brand consistency", "design tokens...

Generate and apply complete design themes — color palettes, typography pairings, and spacing systems — to any artifact....

Generate complete UI themes — color tokens, spacing scales, typography systems, and dark/light mode variants.

theme-factory

用于为作品应用主题样式的工具包。这些作品可以是幻灯片、文档、报告、HTML 落地页等。提供 10 个预设主题，包含颜色/字体配置，可应用于任何已创建的作品，也可以即时生成新主题。

用主题为 artifacts 设置样式的工具包。这些 artifacts 可以是幻灯片、文档、报告、HTML 落地页等。有 10 个预设主题，包含颜色/字体，您可以将其应用于已创建的任何 artifact，或者即时生成新主题。

This skill provides a curated collection of professional font and color themes themes, each with carefully selected colo...

Toolkit for styling outputs with a theme. These outputs can be slides, docs, reportings, HTML landing pages, etc. There...

10 ready-to-use themes with colors and fonts for consistent styling.Use when: applying visual themes to pages, component...

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. Th...

CSS custom properties theme architecture for 4 themes (studio, earth, athlete, gradient) with data-theme attribute switc...

Expert in MUI theming, the project's theme configuration, Common component library, and CLAUDE.md styling rules. Handles...

Safely update a Weaverse Pilot theme to the latest version — detects current version, fetches release diffs, plans chang...

| ID | flutter-theming-advanced |

Theme management with dark mode and custom .pbcolors themes

Tokyo Night palette, theme API, no hardcoded colors. Load when touching CSS, xterm theme config, or any color-related co...

Use when building a theme or theming system for an interface. Covers token architecture, dark mode, contrast preservatio...

Theming StickerNest with CSS tokens and design variables. Use when the user asks about themes, CSS variables, dark mode,...

Route first-time Themis setup and shared Redux/saga guidance. Choose Svelte or React only with concrete UI evidence; def...

Thermite game design process skill. Use when: running design sessions, generating design artifacts, updating decision lo...

Thermodynamic foundations for distributed systems design. Use when analyzing energy flows, EROEI calculations, autopoiet...

Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG. Use when the user asks for a brand log...

When a change has effects past the immediate fix—incentives, scale, feedback—trace consequence chains with timing and pr...

When two design requirements seem mutually exclusive, name the contradiction, separate conflicting states, then invent a...

Tactical 30-day business launch guide with copy-paste templates, hour-by-hour schedules, and revenue forecasts. For user...

Threading patterns in Delphi — TThread, TTask, TParallel, Synchronize, Queue, thread-safety, Producer-Consumer, pools, c...

밤밤의 스레드 성과글을 소재로 아이폰 사진을 붙여 인스타 릴스를 만들 때 읽을 것. 소재 선정, 사진 매칭, 나레이션, 하이퍼프레임스 조립, 세이프존, 사운드 믹스, 발행 경로를 담고 있다.

This prompt instructs an AI to act as a professional studio family portrait director and produce a single polished, phot...

Expert guidance for Three.js and React Three Fiber development with modern React, TypeScript, and performance best pract...

World Pulse: When adding or modifying 3D elements on the globe in `src/renderer/components/Globe/`.

Use when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials,...

Three.js and React Three Fiber (R3F) 3D development — scene setup, lighting, materials, physics, performance, and intera...

Keyframe, skeletal and morph-target animation, procedural motion and clip blending, on WebGL or with WebGPU and TSL. Use...

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects...

Three.js app builder: imperative, React Three Fiber, and WebGPU in 4 phases.

Use when working with 3D math in Three.js: vectors, matrices, quaternions, rotations, colors, or coordinate transforms....

Use when a Three.js scene renders incorrectly: black screen, invisible objects, wrong colors, z-fighting, or broken shad...

Senior WebGPU & 3D Graphics Architect for 2026. Specialized in Three.js v172+, WebGPU-first rendering, TSL (Three Shader...

Use when adding sound to a Three.js scene: background music, 3D spatial audio, or audio visualization. Prevents the comm...

Use when using Drei helper components with React Three Fiber: controls, environment maps, text rendering, HTML overlays,...

Use when building 3D scenes with React using React Three Fiber (R3F). Prevents the common mistake of mixing imperative T...

Generate interactive Three.js canvases in six modes: narrative particle phase cycles, WebGPU spinner/loaders, infinite g...

Three.js and React Three Fiber sub-skill - 3D scenes, shaders, postprocessing.