Design & UX

Designer's eye plan review — interactive, like CEO and Eng review. (gstack)

Live-device iOS QA for SwiftUI apps. (gstack)

Visual design audit for iOS apps on real hardware. (gstack)

Digitale toegankelijkheid bij de overheid: WCAG, a11y, EN 301 549, screenreader, toetsenbordnavigatie, kleurcontrast, NL Design System, inclusief ontwerpen.

This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes. Trigger when users request help with "create a prototype prompt", "design a mobile app", "generate UI specifications", or need comprehensive design documentation for web/mobile applications. Works with multiple design systems including WeChat Work, iOS Native, Material Design, and Ant Design Mobile.

Use when composing Tailwind utilities, building responsive or dark-mode layouts, defining component variants with cva, resolving conflicting classes with tailwind-merge, or configuring a custom theme.

Use when building advanced React features — designing custom hooks, using Suspense or error boundaries, working in Next.js App Router with Server Components or Server Actions, applying TypeScript generics, or building animated UI with Framer Motion, View Transitions, or scroll-driven animations.

Use when designing React component structure, deciding where state should live, implementing data fetching with TanStack Query, building validated forms, or optimizing rendering performance.

Suggests considering repeat surgery in patients with residual intrasellar disease after initial surgical resection. Consider when postoperative imaging demonstrates persistent intrasellar tumor.

Recommends performing an imaging study at least 12 weeks after transsphenoidal surgery for acromegaly to visualize residual tumor and adjacent structures, with MRI as the preferred modality. Use this skill when assessing surgical outcomes once adequate postoperative healing has occurred.

This skill recommends performing an imaging study to assess tumor size, appearance, and parasellar extent once biochemical diagnosis of acromegaly is confirmed. Trigger when IGF-1 is elevated and GH fails to suppress to <0.4 µg/L during an oral glucose tolerance test.

This skill recommends adding pegvisomant or cabergoline to ongoing somatostatin receptor ligand (SRL) therapy when a patient exhibits an inadequate biochemical response, defined as failure to achieve age‑normalized IGF‑1 or random GH <1 µg/L despite maximally tolerated SRL dose. Consider this step when IGF‑1 remains elevated or GH is not suppressed after an adequate SRL trial, indicating need for combination therapy.

Recommends that medical therapy for acromegaly be withheld during pregnancy and administered only for tumor control and headache relief. Consider when managing a pregnant patient with acromegaly who presents with tumor growth or worsening headache.

Assesses the patient’s ability to troubleshoot insulin pump malfunctions such as occlusion, battery failure, or error messages. Trigger phrases include “Review pump alarm responses” and “Ensure patient knows steps for pump error”.

Assesses a patient’s ability to operate an insulin pump and make setting changes, evaluating dexterity, vision, mental health, and cognition for independent or assisted use. Triggered by phrases such as 'Check patient can manipulate pump controls' and 'Evaluate dexterity and vision for pump use'.

This skill suggests initiating antihypertensive treatment while continuing fludrocortisone when blood pressure remains uncontrolled after fludrocortisone dose reduction. Trigger phrases include "BP remains uncontrolled," "persistent hypertension," or "elevated BP despite fludrocortisone adjustment."

AI design language for production-grade UI — 10 commands covering typography, color, motion, layout, and UX writing quality

Generate 4-6 parallel design mockups for rapid visual comparison — adapted from gstack /design-shotgun pattern

UI code review with 100+ rules for accessibility, performance, and UX

Create distinctive, production-grade frontend interfaces with exceptional aesthetic direction and full accessibility compliance. Use when building components, pages, or applications with clear visual identity. Covers design thinking, typography, color systems, animation, responsive layouts, and WCAG 2.2 accessibility standards. Supports HTML/CSS, React, Vue, Angular, and modern JavaScript frameworks. Keywords: design frontend, build UI, create component, style page, accessible design, design ...

Extract reusable templates from PowerPoint presentations into the template library

Create and edit Obsidian Canvas files for architecture visualization

Tailwind CSS v4 design system toolkit. Use for creating React components with Tailwind v4, configuring @theme and design tokens, implementing dark mode, building responsive layouts, migrating from v3 to v4, and standardizing UI patterns with CVA and CSS-first configuration.

使用 Python（matplotlib、seaborn、plotly）创建数据可视化。适用于构建图表、选择图表类型、创建出版级图形或应用无障碍和色彩理论等设计原则。