Design

网页与数字界面设计师在构建Web页面或应用组件时，若受够了千篇一律的AI味设计，请用此技能。一键生成极具视觉冲击力、排版独特、动效惊艳的生产级前端代码，告别平庸，打造令人难忘的高品质数字界面。

自媒体创作者与影片与视频编辑当需要从零原创、二次创作或深度分析视频时，请使用此套件。通过11个智能体协同，一键生成配音、音效与BGM并合成高质量视频，或自动抽帧提取分镜提示词，全流程大幅提升视频产出效率。

网页与数字界面设计师和网页开发工程师在需要逆向分析网页截图时，使用本技能一键提取配色、排版及组件特征，自动生成结构化 Design System 数据与 AI Coding Prompt，让设计还原与前端开发更高效。

Hyperliquid market data, account history, trade review.

Frontend design guidance, upstream-maintained (impeccable).

Read the live Hermes desktop DOM/CSS over CDP.

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.

Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects.

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs. Use when animating a specific UI element in React or Next.js — button, modal, toast, stagger, page transition, or scroll.

Throwaway HTML mockups: 2-3 design variants to compare.

Control TouchDesigner via twozero MCP.

Roleplay a hostile user to find and triage UX pain points.

Build leveraged buyout workbooks with IRR/MOIC in Excel.

Constrain LLM output with grammars; guarantee valid JSON.

Spaced-repetition flashcards: create, review, quiz, export.

Embed an in-page natural-language GUI copilot in web apps.

Drive the desktop background-first; escalate on signal.

Use, configure, theme, extend, and orchestrate Hermes Agent.

Author/validate/export Google's DESIGN.md token spec files.

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.

Debug Node.js via --inspect + Chrome DevTools Protocol CLI.

Phase 1 sample plugin synthesizing a SKILL.md frontmatter for backwards-compat tests.

|