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

Handle customer inquiries and provide support assistance

Build a character with a clear want, need, flaw, distinct voice, and arc.

Write natural, subtext-rich dialogue that sounds distinct per character.

Run a developmental then line-edit pass on a fiction draft, big issues before small.

Creative writing skill for drafting and editing narrative fiction prose. Use when writing new scenes, chapters, or dialo...

Draft or revise a scene on a goal-conflict-disaster spine with sensory grounding.

Creative writing skill for creating style skills that teach Claude to write in specific styles. Use when you want to cre...

MUST USE for any frontend, web UI, or visual implementation work — building, styling, or redesigning pages/components, r...

MUST USE for UI/UX direction and design judgment — vague visual briefs, onboarding, empty/error/loading states, layout v...

Web and App implementation guide for Cyber Y2K. Trigger when user wants modern Y2K, holographic visuals, and glitch aest...

Cypress end-to-end and component testing patterns for web apps: reliable selectors, stable waits, network stubbing, auth...

Playbook for adding or changing UI in the Diablo II Ultra Utility loot-filter/tweaks editor (React + antd + Tailwind, ba...

D3.js data visualization — scales, axes, SVG rendering, force layouts, transitions, geo projections, and idiomatic React...

Assists with building custom interactive data visualizations using D3.js. Use when creating charts, graphs, maps, force...

Create interactive, production-grade charts with D3.js. Use this skill when the user asks to build D3.js visualizations...

Create interactive data visualizations using D3.js. Use this when creating charts, graphs, network diagrams, geographic...

Create custom, highly interactive data visualizations with D3.js (Data-Driven Documents)

Create interactive, custom data visualizations using d3.js — including charts, graphs, network diagrams, and geographic...

Analyze and score jokes on the dad joke quality spectrum with multi-dimensional feedback on pun quality, groan factor, w...

Provides a curated list of 10+ classic and obscure dad jokes. Use this skill when an AI needs to quickly generate some h...

Build today's Daf Yomi game — fetch the daf from Sefaria, study it with its commentaries, design a fresh game mechanic o...

Design modern, intuitive DAG/workflow visual editors that feel like LEGO, not LabView

Guide for using the Dagu REST API to programmatically manage and execute workflows, query status, and integrate with ext...

Guide for using the Dagu Web UI to manage, monitor, and execute workflows through the browser interface

Guide for authoring Dagu workflows including YAML syntax, steps, executors, scheduling, dependencies, and workflow compo...

Explain the DAIC (Discuss-Align-Implement-Check) workflow, help users understand current mode, what's allowed in each mo...

Official daisyUI component-library skill for Tailwind CSS. When you write HTML or JSX code, you must use it. Even if the...

Tailwind CSS component library providing semantic class names for 50+ components with built-in themes, dark mode, and cu...

Official daisyUI component library skill. The mandatory UI library for Tailwind CSS. TRIGGER when generating any HTML or...

MANDATORY color usage rules for daisyUI 5

MANDATORY usage rules for daisyUI 5

Build Midnight dApps with TypeScript integration, wallet connectivity, and contract deployment. Use when connecting wall...

Automatically validate DAPR configuration files (dapr.yaml, component YAML files) when they are created or modified. Che...

Scans DAPR projects for security issues including plain-text secrets, missing ACLs, insecure configurations, and securit...

Create professional dark-themed architecture diagrams (dark background, SVG inline) for GCP/GKE/infrastructure topics. U...

Use when authoring or modifying browser-rendered visual output: HTML, CSS, React SSR, artifact templates, markdown rende...

Use to add dark mode to an existing page, section, component, or site, to improve a dark mode that already exists, or to...

Web and App implementation guide for Dark Mode Design. Trigger when user wants dark surfaces, reduced eye strain, and pr...

Implement complete dark mode for any frontend project. Auto-detects theme system (Flutter ThemeData, Tailwind dark class...

Convert a light-only site or app to a real dark mode -- semantic token mapping, elevation-based surfaces, recalibrated s...

Master dark mode UI design with atmospheric theming, WCAG accessibility, and cross-platform best practices. Specializes...

Implements complete dark/light mode theming systems using CSS variables, Tailwind dark mode, React context, and system p...

Use when a page or section looks flat and needs real depth — layered same-hue gradient plus grain, without neon-glow cli...

Default design system — darkmatter's dark-first, terminal-inspired design system , built on Tailwind CSS v4, React 19, a...

Builds scanline lettering on Canvas 2D, in which three-letter words are drawn as rows of fat round-capped dashes that al...

Chinese-first internal-tool / ops dashboard template — light-mode Linear-grade layout with serif headlines, tabular Inte...

Automatically convert uploaded data (CSV, Excel, JSON) into complete interactive dashboards with zero user input require...

> React component patterns for cl-n8n-mcp dashboard.