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

Apply or adapt a dual-theme liquid glass UI board for premium dashboards, workspace launchers, settings surfaces, design...

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI,...

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI,...

Build React, Next.js, Framer, Motion, or MCP app interfaces with a liquid-glass visual system and reusable code library....

Transform any frontend project (HTML/CSS/JS, React, Vue, Next.js, Tailwind, 3D WebGL/Cesium/Three.js workbenches, or das...

Builds a WebGL fragment-shader effect that renders one bold word as flowing polished liquid metal on near-black, by blur...

Build or restyle anything in Liquid Midnight. The look: Apple Midnight blue-black grounds (hue 245-252, never purple), l...

Builds fused UI cards in React and SVG, in which rounded boxes are joined by the smooth union of their signed-distance f...

Use when applies to HTML documents with `<li>` elements. Also applies to custom ARIA lists where `role='listitem'` must...

Rule under the lists law. Load when editing a list screen (libs/admin/*/feature/list), the kit table and pagination. Nam...

Draw an architecture, workflow, data-model or timeline diagram as editable SVG, check it, and export PNG. Use when a pic...

Make a publication-ready figure from measured data: chart form, units, colorblind-safe color, export and visual check.

Use when working with zensical.toml, docs/conf.py, sphinx, shibuya, litestar-sphinx-theme, mkdocstrings, Griffe, objects...

Simulate the LittleGPT persona as a fictional, unfiltered AI for test scenarios, providing sarcastic, slang-heavy respon...

Convierte transcripción de navegación (voz/texto) en beats U-xx, cruza con evidencia MCP chrome-devtools (E-xx), y produ...

将主题或材料经搜索核实制成苹果 Live Photo 信息动效卡。用 Remotion 编排图片、PNG、emoji、场景、时间线和可选图表，适用于知识解释、产品比较、变化过程及数据故事；制作可预览动效与配对实况资源，说明接收端兼容性。

Tworzenie komponentów LiveView w projekcie DriverHub. Użyj dla formularzy, list, tabel z danymi czasu rzeczywistego.

Use when the project's frontend stack is Livewire — dispatched by `directives/ui/{apply,review,polish}.ts`. Covers react...

Build, refactor, secure, optimize, and test Laravel Livewire v2-v4 components, including state, forms, events, uploads,...

Use when building an animated or interactive widget, explainer or dashboard page: how motion feels, where the eye goes,...

Orchestrate conversations between two LLMs via OpenRouter and compare their conversational personalities, behavioral pat...

This skill should be used when Claude needs to "formulate a request for external feedback", "craft a question for ChatGP...

Designs user flows, interaction states and mockups for a defined product scope; does not implement UI code.

Patterns for skeleton loaders, shimmer effects, and loading states that match design system aesthetics. Covers skeleton...

Design effective loading states, skeleton screens, and empty states that maintain user confidence. Use when content take...

Manage user expectations during wait times with appropriate loading states — from simple spinners to complex skeleton sc...

Complete system design reference for the Loadout VSCode extension — a GUI panel for managing Claude Code agents, skills,...

See a local page in the browser while editing files in Cursor: run the right dev server (Vite HMR or static live-reload)...

本地化扫描、提取与验证，扫描源码中的硬编码字符串，提取到 i18n 资源文件，验证完整性并生成本地化检查报告。

Controlla o imposta il layout di un progetto perché regga testi tradotti più lunghi, l'orientamento RTL, l'ordine di let...

This skill should be used when the user says "lock it", "go with that", "approved", "that's the standard", or explicitly...

Node.jsアプリケーションのログローテーション戦略設計・実装スキル。PM2、logrotate、Winston、集中ログシステムを活用した効率的ログ管理を提供。Anchors:• 『Site Reliability Engineerin...

Structured logging conventions for DraftForge backend (Django/Celery/Daphne) and frontend (React). This skill should be...

Build a single-file HTML demo that answers whether a state model, business logic, or data shape feels right — a pure lif...

Generate logo directions — "give me logo concepts for", "logo ideas for", "design a logo for". Emits 3 to 5 distinct dir...

This skill should be used when the user asks to "animate our logo", "make a logo intro/stinger", "build a brand reveal",...

Generates deep visual prompts for Midjourney/DALL-E to create logo vectors.

Create logos using AI image generation. Discuss style/ratio, generate variations, iterate with user feedback, crop, remo...

Create brand logos with proper typography and visual identity alignment

设计与评审 Logo，提供本地风格检索和位图/矢量交付。

Logo design intelligence with 55 styles, 30 color palettes, 25 industries. Generate logos with Gemini Nano Banana model,...

Generate logo variants for a brand or organization, producing multiple production-grade marks across different architect...

当用户需要用设计师人格蒸馏、品牌策略、概念方向、视觉提示词和质量评分来设计、评审或迭代 Logo 与品牌标识时使用。

Generate logos using Replicate AI and make them transparent with background removal.

When the user wants to optimize logo placement, linking, or branding on a website. Also use when the user mentions "logo...

Human-in-the-loop web studio to tune AI-generated visual output by eye — live sliders/pickers/drag-handles for visual pa...

Human-in-the-loop web studio to tune AI-generated output by eye. Stand up a local interactive studio (sliders, pickers,...

Automated visual tuning: render labeled variants into one artifact, a vision/video model rates them and suggests better...