Communitygithub.com

Finem-Group/impeccable

當使用者想要設計、重新設計、塑造、批判、審核、打磨、澄清、精煉、強化、最佳化、調整、動畫化、上色、提取或改善前端介面時使用。涵蓋網站、登陸頁面、儀表板、產品UI、應用程式外殼、元件、表單、設定、引導流程及空白狀態。處理UX審查、視覺層級、資訊架構、認知負荷、無障礙性、效能、響應式行為、主題設計、反模式、排版、字型、間距等。

impeccable 是什麼?

此技能「Finem-Group/impeccable」專為前端介面設計與優化而打造。它能協助開發者或設計師進行從UX審查、視覺層級調整到無障礙性檢查的完整流程,適用於網站、儀表板、產品UI等多種場景。技能支援多平台(如Claude Code、Cursor等),並透過結構化的Markdown文件提供清晰的操作指引,確保介面在美觀、效能與易用性上達到最佳狀態。其核心價值在於自動化繁瑣的設計審查工作,讓團隊能專注於創意與功能開發。

相容平台~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.

相關技能