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

Design system implementation in Sage/Tailwind v4 — Figma to @theme tokens, design tokens CSS, Tailwind v4 @theme, color...

HTML Forms + Sage integration — log1x/sage-html-forms, hf_get_form, addPostObject html-form, Blade form views, x-form.*...

Sage theme with Acorn (Laravel IoC for WordPress) and Lando — lando start, lando info, lando acorn, Service Providers, V...

Full architectural preferences and skill routing map for Sage/Acorn projects — complete workflow ecosystem reference, La...

Verify implemented work meets acceptance criteria — run tests, check PHPCS, validate Blade output, lando phpunit, lando...

Native Gutenberg blocks without ACF — block.json, edit.js, save.js, register_block_type, @wordpress/scripts, block attri...

Expert guidance for designing effective Apache Superset dashboards with professional layouts, intuitive navigation, and...

Universal multi-agent quality supervisor and release gate for Claude Code, Cursor, Codex, Gemini CLI, ChatGPT/Codex Agen...

Make interactive Blazor components work correctly with prerendering. USE FOR fixing duplicate data loads, UI flicker dur...

Build perceptually uniform, accessible colour systems using OKLCH. Use when creating colour palettes, defining colour to...

Use to check UI coverage, design compliance, and docs during frontend changes.

Write and review interface copy that guides, explains, reassures, or persuades. Use when drafting or improving error mes...

Catch platform-specific implementation details and visual polish that make web interfaces feel professional. Use when bu...

Make interaction design decisions about gestures, spatial logic, timing intent, and physical behaviour. Use when buildin...

Implement animation and transitions with precise easing, timing, and transform rules. Use this skill whenever writing CS...

A surface is set apart from its background by exactly one means — a border, an elevation, or a fill. Combining all three...

Design component surfaces and elevation states.

Build rigorous typography systems for web interfaces. Use this skill whenever setting up a type scale, choosing or pairi...

Monitor Ubiquiti Protect surveillance cameras and events. Track camera status, review recordings and alerts, and monitor...

Use to craft rigorous survey instruments with sampling, question logic, and QA standards.

SvelteKit development patterns — runes, component architecture, server-side rendering, form actions, and reactive state

Route Themis Store wiring, readable selector lifecycle, and migration guidance only for frontend paths with concrete Sve...

Expert in Svelte and SvelteKit development with modern patterns and SSR

Create distinctive, production-grade frontend interfaces with high design quality. Specialized in Svelte/SvelteKit appli...

Comprehensive Svelte development skill covering reactivity runes, components, stores, lifecycle, transitions, and modern...

Svelte 5 specialist for runes, snippets, lifecycle, universal reactivity, SvelteKit 2 load/actions/remote functions, and...

Implement or extend user-facing workflows in SvelteKit applications with full-stack capabilities. Specialized in SvelteK...

Expert guidance for SvelteKit development with TypeScript, Tailwind CSS, SSR/SSG, and performance optimization best prac...

This skill should be used when the user asks to "animate an SVG", "make a line draw itself on", "do a stroke draw-on / s...

Create animated SVGs with GSAP or CSS — loaders, illustrations, icon animations, and micro-interactions.

Hand-author or edit an SVG — icon, mark, illustration, diagram, animation, raster-to-vector — checked and rendered.

Animate SVG character rigs with GSAP, CSS transforms, Remotion frame control, and HyperFrames-compatible browser preview...

Create handcrafted static SVG graphics and performant SVG animations — icons, illustrations, loaders, path-draw effects,...

Generate SVG diagrams, OG images, and dynamic graphics using Satori with Tailwind CSS. Use when creating programmatic im...

Scalable, accessible, theme-aware visuals.

Use when reviewing image assets, markup, and CDN or build transforms related to Manage inline SVG size and complexity. C...

Create professional SVG logos from descriptions and design specifications. Use when the user asks to create a logo, icon...

Generate high-quality, minimalistic, and geometric SVG logos using Python scripts. Use this skill when users need to cre...

Generate animated pixel-art SVG mascots from images or descriptions. This skill should be used when creating pixel-art c...

Selective simplification: one pipeline pass at high K → zone-aware contour

Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawi...

Optimize SVG files with SVGO — remove unnecessary metadata, minify paths, merge shapes, configure plugins, and integrate...

Multi-perspective reasoning through Upanishadic Antahkarana voices. Use for complex problems requiring diverse viewpoint...

This skill should be used when writing or reviewing Swift code for iOS or macOS projects. Apply modern Swift 6+ best pra...

Master Swift coding standards with Apple's guidelines, protocol-oriented design, and modern concurrency patterns

Formats and parses locale-aware numbers, decimals, currencies, percentages, dates, durations, measurements, names, lists...

Comprehensive guide to UI/UX design principles, architectural patterns, and animation techniques for building high-quali...

A collection of tools for making navigation in Swift applications more ergonomic and powerful across SwiftUI, UIKit, and...