Communitygithub.com

Finem-Group/impeccable

Utilisez cette compétence lorsque l'utilisateur souhaite concevoir, redessiner, façonner, critiquer, auditer, polir, clarifier, distiller, renforcer, optimiser, adapter, animer, coloriser, extraire ou améliorer une interface frontend. Couvre les sites web, pages d'atterrissage, tableaux de bord, UI produit, shells d'application, composants, formulaires, paramètres, intégrations, états vides. Gère la révision UX, la hiérarchie visuelle, l'architecture de l'information, la charge cognitive, l'accessibilité, les performances, le comportement responsive, le thème, les anti-modèles, la typographie, les polices, l'espacement, la mise en page.

Qu'est-ce que impeccable ?

La compétence **Finem-Group/impeccable** est un outil avancé pour l'amélioration des interfaces frontend, destiné aux développeurs et concepteurs travaillant avec des agents IA comme Claude Code, Cursor ou Codex. Elle prend en charge une large gamme de tâches, allant de la conception initiale à l'audit UX complet, en passant par l'optimisation des performances, l'accessibilité et la révision visuelle. Idéale pour les sites web, tableaux de bord, composants, formulaires et états vides, elle permet de critiquer, polir et durcir n'importe quelle interface. Son fonctionnement repose sur une analyse systématique de la hiérarchie visuelle, de l'architecture de l'information et de la charge cognitive, tout en proposant des recommandations concrètes pour le thème, la typographie, l'espacement et la mise en page. Elle est particulièrement utile pour les projets nécessitant une refonte complète ou une amélioration progressive, garantissant une interface à la fois esthétique et performante.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait impeccable ?

À utiliser lorsque l'utilisateur souhaite concevoir, redessiner, façonner, critiquer, auditer, polir, clarifier, distiller, renforcer, optimiser, adapter, animer, coloriser, extraire ou améliorer une interface frontend. Couvre les sites web, pages d'atterrissage, tableaux de bord, UI produit, shells d'application, composants, formulaires, paramètres, intégrations et états vides. Gère la révision UX, la hiérarchie visuelle, l'architecture de l'information, la charge cognitive, l'accessibilité, les performances, le comportement responsive, le thème, les anti-modèles, la typographie, les polices, l'espacement et la mise en page.

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.

Skills associés