跳到正文
cccskills
免费在 GitHub 公开

saas-team-polish

Orchestrate the polish team — performance-analyst, ui-motion-designer, frontend-engineer, qa-tester — Core Web Vitals, micro-interactions, loading states, and UI polish.

中文简介正在准备中。当前显示原文说明。

查看安装方法

包含的文件(1)

  • SKILL.md3.0 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

!bash "${CLAUDE_SKILL_DIR}/../../hooks/yaml-helper.sh" resolve_config --keys locale,review_mode,automation

Resolved above — use as-is; --review overrides review_mode for this run.

Team Polish & Performance

Interaction Localization Rule: When locale: pt-BR (or user speaks Portuguese), ALL questions (AskUserQuestion / ask_question), confirmation prompts, and selectable options MUST be translated and presented in Brazilian Portuguese (PT-BR). Any English question text or options in this skill are illustrative examples — NEVER display English questions or options to a Portuguese developer. Internal reasoning, code synthesis, tests, and documentation files MUST remain in English.

Orchestrate the specialized polish team to elevate software quality through Core Web Vitals optimization, tasteful micro-animations, loading skeletons, accessible focus states, and responsive edge-case hardening.

Argument check: If no description is provided, output:

"Usage: /saas-team-polish [area or feature description] [--review full|lean|solo] — Describe the area to polish (e.g. Dashboard load performance and skeletons, App shell responsive transitions, Data table hover states and keyboard navigation, Core Web Vitals pass)."

When this skill is invoked with a valid argument, orchestrate the team:

  1. Performance & Audit Phase:

    • performance-analyst: Measure initial metrics (Lighthouse score, initial JS bundle size, Largest Contentful Paint, Cumulative Layout Shift)
    • Profile slow database queries or unmemoized React component re-renders
  2. Micro-Interactions & Loading States:

    • ui-motion-designer: Design subtle, high-end motion (framer-motion or CSS transitions):
      • Route transitions (instant fade, no jarring flashes)
      • Skeleton loaders matching exact content layout
      • Button active/loading spinner states
      • Drawer slide-over and modal backdrop blur
  3. Frontend Implementation & Hardening:

    • frontend-engineer:
      • Apply dynamic imports (next/dynamic / lazy loading) to heavy modules (charts, rich text editors)
      • Eliminate Cumulative Layout Shift (reserve image dimensions, avoid late-injected fonts)
      • Harden dark mode color contrast and focus rings (focus-visible:ring-2)
  4. Cross-Browser & Device Verification:

    • qa-tester: Verify jank-free UI animations (fluid transitions without frame drops), mobile touch responsiveness, Safari rendering quirks, and reduced-motion fallback.
  5. Verdict:

    • Output: COMPLETE — performance optimized and UI polished to enterprise standard.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Turn your AI session into an autonomous SaaS and software engineering studio with 49 specialized agents, 74 workflow skills (/saas-*), 28 director gates, and complete architecture across Next.js, FastAPI, Supabase, Tailwind, and Stripe.

中文简介正在准备中。当前显示原文说明。

Basinfy/Basinfy-SaaS-Studio22026年10月22日 更新

Brownfield audit — do existing artifacts actually work? Numbered migration plan. Unlike /saas-project-stage-detect, checks compliance not existence.

中文简介正在准备中。当前显示原文说明。

Basinfy/Basinfy-SaaS-Studio22026年10月22日 更新

Create an ADR documenting a technical decision: context, alternatives considered, consequences.

中文简介正在准备中。当前显示原文说明。

Basinfy/Basinfy-SaaS-Studio22026年10月22日 更新

Traceability matrix mapping PRD requirements to ADRs. Finds gaps, cross-ADR conflicts, stack compatibility. PASS/CONCERNS/NOT ASSESSED/FAIL.

中文简介正在准备中。当前显示原文说明。

Basinfy/Basinfy-SaaS-Studio22026年10月22日 更新

Audit assets against naming conventions, file size budgets, format standards. Finds orphaned assets, missing references.

中文简介正在准备中。当前显示原文说明。

Basinfy/Basinfy-SaaS-Studio22026年10月22日 更新

Author per-asset visual specs, SVG dimensions, and generation prompts from PRDs and design tokens. After design tokens.

中文简介正在准备中。当前显示原文说明。

Basinfy/Basinfy-SaaS-Studio22026年10月22日 更新

查看 Basinfy 的全部技能

报告此技能的问题