Web & Frontend

darker2016 Skill

Makers 开发专家团前端工程师 Skill — React/Vue/Next.js/Nuxt/Astro 前端开发， 静态页面、SPA/MPA、Tailwind CSS 样式、前端工程化。 触发词：前端页面、UI 组件、React 开发、Vue 开发、Next.js 页面、 搭一个前端、SPA、静态站点、Tailwind 样式。

darker2016 Skill

MVP 开发专家团前端工程师（贾思敏）。负责 Token 化 UI 实现、Lucide 图标、微交互、11 项视觉自查。以 "pro max" 级别精益求精的态度交付前端代码。 触发词：由 mvp-dev-team-lead 主理人调度执行 Phase 3 开发任务时激活。不直接面向用户。

darker2016 Skill

洞察报告撰写师（若溪 Rex）。综合多源数据分析结果、知识检索发现和可视化图表，撰写结构化分析报告。输出包含执行摘要、核心发现、图表和决策建议的 HTML/Markdown 报告。 触发词：由 copilot-team-lead 主理人调度执行，不直接面向用户。当主理人下发 Phase 3 报告撰写任务时激活。也可响应纯报告撰写需求。

darker2016 Skill

导出交付专家 - 将审查通过的原型导出为 HTML/PDF/PPTX 等独立运行格式

darker2016 Skill

原型构建师 - 基于设计令牌和模板生成品牌级 HTML/CSS 原型代码

darker2016 Skill

知识检索专家（瑞卡 Rika）。使用 RAG 技术处理多格式文档（PDF/Word/Excel/Markdown/HTML），构建向量知识库，进行语义检索并为问答提供带来源引用的上下文增强回答。 触发词：由 copilot-team-lead 主理人调度执行，不直接面向用户。当主理人下发文档检索、知识提取或 Phase 4 知识增强任务时激活。

darker2016 Skill

Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, charting, cleaning messy data); create a new spreadsheet from scratch or from other data sources; or convert between tabular file formats. Trigger especially when the user references a spreadsheet file by name or path — even casually (like "the xlsx in my downloads") — and wants something done to it or produced from it. Also trigger for cleaning or restructuring messy tabular data files (malformed rows, misplaced headers, junk data) into proper spreadsheets. The deliverable must be a spreadsheet file. Do NOT trigger when the primary deliverable is a Word document, HTML report, standalone Python script, database pipeline, or Google Sheets API integration, even if tabular data is involved.

darker2016 Skill

花叔数据分析专家团主理人（数据洞察总监）。调度 3 位专业成员（趋势分析师、结构分析师、异常侦察员）按「建立团队 → 并行调度 → 等待回传 → 合成报告 → 三格式交付」标准工作流，为一人公司/超级个体完成 Excel 数据分析。输出 HTML / XLSX / PPTX 三种格式的综合分析报告。

benjaminastera Skill

C4 Component Level: [Component Name]

benjaminastera Bundle

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browse...

benjaminastera Skill

You are a frontend development expert specializing in modern React applications, Next.js, and cutting-edge frontend architecture.

benjaminastera Skill

Use this skill when

kbarbel640-del Bundle

Generate color palettes and check WCAG accessibility compliance for UI design.

eli-yu-first Bundle

Sets up React Native navigation with stack, tab, and drawer navigators including deep linking

rootcastleco Skill

You are a frontend development expert specializing in modern React applications, Next.js, and cutting-edge frontend architecture.

kbarbel640-del Bundle

Break down CWICR work items into component resources. Decompose aggregate items, analyze resource composition, and generate detailed bills of resources.

kbarbel640-del Bundle

Generate professional cost estimation reports from CWICR calculations. HTML, PDF, Excel outputs with charts and breakdowns.

galyarderlabs Bundle

Review a pull request or contribution deeply, explain it tutorial-style for a maintainer, and produce a polished report artifact such as HTML or Markdown. Use when asked to analyze a PR, explain a contributor's design decisions, compare it with similar systems, or prepare a merge recommendation.

rootcastleco Skill

> ⚠️ **AUTHORIZED USE ONLY** — This skill is intended for authorized security professionals only. Use only against systems you own or have explicit written permission to test. Unauthorized use may violate applicable laws.

aladicf Skill

Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, screen reader support, color contrast, semantic HTML, ARIA usage, and motion sensitivity. Use when the user wants to improve accessibility, make a component accessible, fix WCAG violations, add keyboard support, or ensure screen reader compatibility.

aladicf Skill

Build or improve a UI testing strategy covering visual regression, interaction testing, and accessibility assertions. Use when the user asks to add tests, set up testing, fix flaky tests, improve test coverage, validate UI behavior, catch visual bugs, or establish confidence in shipping frontend changes.

aladicf Skill

Gather and persist project design context such as audience, brand personality, UX goals, and implementation defaults for future better-web-ui work. Use when starting a project, defining UI direction, or establishing reusable design guidance before other better-web-ui skills.

aladicf Skill

Generate 5 distinct, production-grade UI variations for a requested new or existing section, component, page, flow, or shell, then help the user preview and apply one. Use when the user asks to add or redesign UI like a hero, pricing, navbar, auth flow, dashboard shell, ecommerce surface, or data component.

aladicf Skill

Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, screen reader support, color contrast, semantic HTML, ARIA usage, and motion sensitivity. Use when the user wants to improve accessibility, make a component accessible, fix WCAG violations, add keyboard support, or ensure screen reader compatibility.

aladicf Skill

Build or improve a UI testing strategy covering visual regression, interaction testing, and accessibility assertions. Use when the user asks to add tests, set up testing, fix flaky tests, improve test coverage, validate UI behavior, catch visual bugs, or establish confidence in shipping frontend changes.

aladicf Skill

Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, screen reader support, color contrast, semantic HTML, ARIA usage, and motion sensitivity. Use when the user wants to improve accessibility, make a component accessible, fix WCAG violations, add keyboard support, or ensure screen reader compatibility.

aladicf Skill

Build or improve a UI testing strategy covering visual regression, interaction testing, and accessibility assertions. Use when the user asks to add tests, set up testing, fix flaky tests, improve test coverage, validate UI behavior, catch visual bugs, or establish confidence in shipping frontend changes.

aladicf Skill

Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, screen reader support, color contrast, semantic HTML, ARIA usage, and motion sensitivity. Use when the user wants to improve accessibility, make a component accessible, fix WCAG violations, add keyboard support, or ensure screen reader compatibility.

aladicf Skill

Build or improve a UI testing strategy covering visual regression, interaction testing, and accessibility assertions. Use when the user asks to add tests, set up testing, fix flaky tests, improve test coverage, validate UI behavior, catch visual bugs, or establish confidence in shipping frontend changes.

aladicf Skill

Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, screen reader support, color contrast, semantic HTML, ARIA usage, and motion sensitivity. Use when the user wants to improve accessibility, make a component accessible, fix WCAG violations, add keyboard support, or ensure screen reader compatibility.

aladicf Skill

Build or improve a UI testing strategy covering visual regression, interaction testing, and accessibility assertions. Use when the user asks to add tests, set up testing, fix flaky tests, improve test coverage, validate UI behavior, catch visual bugs, or establish confidence in shipping frontend changes.

aladicf Skill

Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, screen reader support, color contrast, semantic HTML, ARIA usage, and motion sensitivity. Use when the user wants to improve accessibility, make a component accessible, fix WCAG violations, add keyboard support, or ensure screen reader compatibility.

aladicf Skill

Build or improve a UI testing strategy covering visual regression, interaction testing, and accessibility assertions. Use when the user asks to add tests, set up testing, fix flaky tests, improve test coverage, validate UI behavior, catch visual bugs, or establish confidence in shipping frontend changes.

aladicf Skill

Evaluate an interface from a UX perspective, assessing hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring and actionable feedback. Use when the user wants an overall design or UX review—not when the main need is measurable accessibility/performance diagnosis, or final micro-detail polish.

jarle Skill

Build a frontend using Vite and Bun

jarle Skill

Build an app with Astro and Bun