visual-designing
视觉设计工具箱 - Canvas / Themes / Design System / Artifacts。The unified Visual Design Engine for Antigravity.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
视觉设计工具箱 - Canvas / Themes / Design System / Artifacts。The unified Visual Design Engine for Antigravity.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
PPTX 演示文稿创建、编辑与分析。支持:(1) 从零创建演示文稿 (2) 编辑现有内容 (3) 使用模板创建 (4) 添加评论或演讲者备注。Presentation creation, editing, and analysis using html2pptx and OOXML.
Architects new features through the full lifecycle. Use when designing, planning, implementing, or extending features. Triggers on 'new feature', 'design', 'plan', 'implement', 'architect', 'prd', 'spec'.
全栈开发规范百科全书 (React/TS/Node/Supabase). Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend/backend code.
自动触发的会话生命周期管理 - INHERIT (继承知识) + DEPOSIT (沉淀精华)
系统化审计与代码优化 - Code Review / Simplifier / Council / Performance。
科学调试专家 - 观察(Observe) -> 假设(Hypothesize) -> 实验(Experiment) -> 修复(Fix)
| name | visual-designing |
| description | 视觉设计工具箱 - Canvas / Themes / Design System / Artifacts。The unified Visual Design Engine for Antigravity. |
Unified Design Engine v1.0
A single source of truth for all UI/UX design tasks. This skill intelligently switches between "Production Efficiency" (Standard) and "Wow Factor" (Premium) based on user intent.
| Mode | Trigger | Focus | Style Traits |
|---|---|---|---|
| Standard (Production) | "create a dashboard", "login form", "settings page" | Usability, Speed, Accessibility | Tailwind utility-first, clean whites/darks, standard shadcn/ui components. |
| Premium (Aesthetic) | "premium", "glassmorphism", "wow me", "landing page" | Visual Impact, Emotion, Brand | Glass effects, Aurora gradients, Micro-interactions, custom CSS variables. |
resources/glass-components.md (for glass CSS)resources/premium-palettes.md (for gradients/colors)resources/micro-interactions.md (for animations)bg-white, text-slate-900, rounded-lg).backdrop-filter, bg-white/10, border-white/20, and custom animations.