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

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates fu...

Create a clear project status brief with progress, risks, blockers, decisions, and next actions.

Facilitate a cross-functional design review capturing decisions, feedback, and implementation guidance.

Create dynamic schema-based forms using @delon/form (SF component). Use this skill when building complex forms with vali...

Implement ng-alain theming system with layout configuration, responsive design, menu management, and settings drawer for...

Orchestrator for the full dembrandt UX pipeline. Routes a UI/UX task through six ordered stages — brand foundation → des...

Generate a simple desktop-oriented self-playing HTML product demo. Use for legacy demo walkthroughs with an intro screen...

Generate the recommended responsive self-playing HTML product demo. Creates a single-file index.html with intro screen,...

Create a 15-slide presentation storyboard script for a narrated explainer video

完整开发前针对设计中的风险点构建可运行原型，验证可行再投入开发（仅复杂/高风险需求自动触发）。触发："先做个 demo 验证"、设计涉及没用过的技术/API、性能敏感路径、第三方集成、多方案对比。

Generate polished demo videos from a single prompt. Use when the user asks to create a demo video, product walkthrough,...

Map slice dependencies using DSM matrix and prioritize by risk

Convert per-page styled HTML prototypes (stardust under stardust/prototypes/**, or claude-design / Mobirise / Relume / L...

Read quality-profile, nfr-spec, logical architecture, and physical architecture to produce quality-vision.yaml — a visio...

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini or Atlas Cloud...

Canonical repo-local DESIGN.md workflow for product, UI/UX, and frontend decision source of truth

Establish and maintain the visual design language as enforceable Swift tokens. Invoke with no args to bootstrap the desi...

Unified design skill: brand, tokens, UI, logo, CIP, slides, banners, social photos, icons.

Guidance for designing ethically humane digital products through patterns focused on user well-being. This skill should...

Generate and evaluate multiple solution concepts for the defined problem

UX/UI design and accessibility audit -- name the user, task, and success criterion before any layout decision, enforce W...

Component-first design system for Blade views. Use when creating UI components, designing responsive layouts, or impleme...

Use for any UI-facing task (design, implementation, review, refactor, bugfix) as the primary design entrypoint; then rou...

Creates distinctive UI with preserved structure. Avoids generic AI aesthetics. Use when designing or refining user inter...

[Design] Create or describe a UI design — quick (fast), immersive (good), or recreated/described from a screenshot or vi...

Entry point for design tasks. Routes to brand-guidelines (brand identity, voice, assets), design-system (tokens, compone...

Use when designing or refreshing a web UI or landing page — visual concept, type/color/spacing/motion tokens, compositio...

Extract a reference website's design system into DESIGN.md with tokens, layout, components, and imagery. Use for recreat...

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate...

Design consultation, variant exploration, and design system scaffolding, with subcommands consult (default), variants, a...

Use when a non-designer needs to audit a UI, generate a design spec (spacing, type scale, color tokens, grids), or build...

Use when Forge reaches the design phase or the user asks for technical architecture, UI spec, contracts, or code rules b...

Use when the user needs design exploration, multiple distinct solution directions, or tradeoff-driven options before imp...

Use when styling Fusionaly UI components, pages, or charts - applies the Fusionaly design system with black/white palett...

Design user interfaces with exceptional UX patterns. Use when implementing screens, reviewing UI code, choosing loading...

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud,...

Design workflows — UX copy, design systems, design critique, accessibility review, design handoff, user research synthes...

Use for UI, UX, visual hierarchy, frontend-design judgment, references, redesigns, and design critique when the user's E...

Set visual and interaction direction for any UI surface (web, React, TUI, CLI, desktop, Qt, design-system tokens) before...

Use when starting UI work, defining palettes or tokens, fixing AI-generic UI, or persisting a design system to DESIGN.md...

Use when creating brand identity, design tokens, UI styling, logo generation (55 styles, Gemini or Atlas Cloud AI), corp...

Design and build frontend components/pages — from Figma, reference URL, or description. Wraps the official `frontend-des...

Premium frontend design skill that creates distinctive, accessible, production-grade interfaces with exceptional UX. Use...

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...

Design skills for Apple platform UI — Liquid Glass, animations, game feel (haptics, sound, celebrations), UI prototyping...

Design system reasoning. Maps product domain to style, palette, typography, and platform-specific patterns. Generates .r...

Design system skills for modern Apple platform UI including Liquid Glass, animations, and visual design patterns. Use wh...

Design a design story's screens with the person before any of them is built, and record each approved design so its scre...