Communitygithub.com

Finem-Group/impeccable

用于设计、重构、优化或改进前端界面的技能,涵盖网站、仪表盘、组件及用户体验评审。

impeccable 是什么?

Finem-Group/impeccable 是一个专注于前端界面设计、重构与优化的 AI 技能。它适用于希望改进网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程及空白状态等多种前端界面的场景。该技能不仅处理界面外观,还深入进行用户体验(UX)评审、视觉层次结构分析、信息架构设计、感知负荷评估、可访问性(a11y)、性能优化、响应式行为调整、主题化(theming)、反模式检测、排版、字体、间距等细粒度改进。它主要面向主流 AI 编程助手(如 Claude Code、Cursor、Codex)的使用者,通过自然语言交互帮助开发者系统性地提升前端质量,从基础的美化到深度的用户交互优化,覆盖从前端原型到发布前审计的完整工作流。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Finem-Group/Engineering/tree/main/plugins/finem-core/upstream/impeccable/.agents/skills/impeccable

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

impeccable 是做什么的?

当用户希望设计、重新设计、塑造、批判性审查、审计、打磨、澄清、提炼、强化、优化、适配、动画化、着色、提取或以其他方式改进前端界面时使用。涵盖网站、落地页、仪表盘、产品 UI、应用外壳、组件、表单、设置、引导流程及空白状态。处理 UX 评审、视觉层次结构、信息架构、感知负荷、可访问性、性能、响应式行为、主题化、反模式、排版、字体、间距等。

Individual skills in this repo

This repo contains 9 individual skills — each has its own dedicated page.

Finem-Group/design-consultation

Design consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview... (gstack)

Finem-Group/finem-agent-engineering

Use when this project's work involves Original agent skill evaluation and MCP server engineering specialists — covers testing, api contracts. Loads the original anthropic skills bundled with this pack.

Finem-Group/finem-angular

Use when this project's work involves Version-aware Angular application implementation — covers frontend, performance, accessibility. Loads the original addy, angular skills bundled with this pack.

Finem-Group/finem-backend-rust

Use when this project's work involves Rust ownership, errors, testing and performance conventions — covers backend, reliability/resilience, testing. Loads the original apollo skills bundled with this pack.

Finem-Group/finem-engineering

Use when coordinating engineering work in this project: selecting which original upstream skill to follow for discovery, architecture, frontend, backend, data, infrastructure, testing, security, release or operations work, and resolving its original file paths and tools.

Finem-Group/finem-intent-audit

Use when this project's work involves Compare documented boundaries to implemented behavior — covers documentation/runbooks, code review/quality gates, security. Loads the original pm skills bundled with this pack.

Finem-Group/finem-next-cache

Use when this project's work involves Next 16.3+ instant-navigation tests for apps already building with Cache Components — covers frontend, performance. Loads the original next skills bundled with this pack.

Finem-Group/finem-product-analytics

Use when this project's work involves Metrics definitions and cohort-based feedback alongside provider instrumentation — covers product analytics/feedback. Loads the original pm skills bundled with this pack.

Finem-Group/finem-swiftui

Use when this project's work involves SwiftUI API, state, navigation and accessibility — covers frontend, performance, accessibility. Loads the original addy, swiftui skills bundled with this pack.

相关技能