Design & front-end skills

Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent. Strictly read-only on product source. Use when asked to…

Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.

Create or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its visual system, extract design tokens and guidance from…

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

Voice-to-text dictation app with local (Nvidia Parakeet/Whisper) and cloud models (BYOK). Privacy-first and available cross-platform.

Substack / Medium 高级感长文排版, 适合公众号、博客发布

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

推特金句 / 数据卡, 适合配推文

小红书风格知识卡片, 多张联排可滑动浏览

固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图

把 CSV/Excel/JSON 数据转成漂亮的可视化报告页

消费感配对仪表板: 信号 ticker + KPI + 30 天柱状 + 趋势

奶油纸 + 锈红 + 蓝图网格 mask + 黑边硬卡片 + pipeline 盒

暖纸背景 + Playfair, 左侧学习目标常驻, 含 MCQ 自测页

8 页单色背景, 160px display + 4px accent + Mono 箭头列表

深夜渐变 + 漂浮 orbs + SVG 力导向图谱 + JetBrains Mono

电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)

黑底 + CRT 网格扫描线 + $ 命令行标题 + 薄荷绿大字 + 三档 tag

电子杂志 × 电子墨水风, WebGL 流体背景 + 衬线 display

GitHub-dark + 紫蓝环境光 + 三色渐变标题 + GitHub 风代码

锁死 1920×1080 画布, React 组件级自由组合, 不绑模板

10 页融资 deck, 白底 + 蓝紫渐变 hero, traction 柱状, $X.XM ask

tokyo-night 默认主题, T 切换 5 主题, S 打开提词器 popup

暗 hero + 亮内容, 橙→桃 accent, 特性卡 + 定价 + CTA