Design & front-end skills

光标拖光 + 彩色像散射线 + 定向光斑, 适合视频片头逐字揭示金句

Hyperframes / Remotion 兼容的连续帧动画, 可自动播放

极简产品预发布落地页, 含邮箱捕获、logo、装饰图层

Swiss industrial-print 风: 单字 grotesque、巨数字、ASCII 装饰

Editorial-minimalist: 暖色单色 canvas + serif display + grotesque body

Apple 调: 银/奶 canvas + 双层斜面卡片 + button-in-button + spring

6-8 页横向滑动周报: 已发布 / 进行中 / 阻塞 / 指标 / 求助

网格背景 + marker 笔触 + 多 tab + sticky note + scribble 图表

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion,…

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Polishes surfaces, icons and motion with exact values for border radius, optical alignment, shadows, icon states and animation.

Sets and reviews how text renders, from the type scale and spacing to font features, wrapping, truncation and punctuation.

Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles, not fixed values. Use when building React Native, Flutter, or…

Anti-slop frontend design for web UI — landing pages, portfolios, marketing/product sites, and redesigns. Reads the brief, infers the right direction, and ships interfaces that don't look templated. Real design systems…

Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom in your project against WCAG 2.2.

Use when building App Store or Google Play screenshot pages, generating exportable marketing screenshots for iOS, macOS, and/or Android apps, or scaffolding a screenshot editor with Next.js. Triggers on app store, mac…

Produces distinctive production UI and screenshot-grounded visual polish. Use when building or restyling pages, components, or typography. Not for backend logic or data pipelines.

Generate or refine complete interactive HTML prototypes in Design. Use when creating screens, variants, Alpine/Tailwind prototypes, tweaks, or visual refinements from a prompt or selected design.

Manage and apply Design app brand systems. Use when creating, importing, linking, inspecting, or following design-system tokens, assets, fonts, logos, and custom instructions.

Product-specific interface design for an Agent-Native app. Use when creating or changing any user-facing UI, including screenshot feedback, copy or density cleanup, settings, controls, or a visual redesign.

Using the app's local UI adapter and Toolkit or shadcn primitives. Use when choosing or composing standard controls, implementing dialogs, menus, or forms, or changing component variants and theme tokens.

Guide teams through Lean UX Canvas v2. Use when framing a business problem, surfacing assumptions, and defining what to learn next.

Reviews diffs, PRs, release readiness, and publishing follow-through. Use when asked to review, triage issues or PRs, or ship. Not for debugging root causes or prose.