Communitygithub.com

Finem-Group/impeccable

Úsalo cuando el usuario quiera diseñar, rediseñar, dar forma, criticar, auditar, pulir, aclarar, destilar, endurecer, optimizar, adaptar, animar, colorear, extraer o mejorar una interfaz frontend.

¿Qué es impeccable?

Esta habilidad está diseñada para cualquier tarea que involucre mejorar o refinar interfaces frontend, ya sean sitios web, paneles de control, interfaces de productos, componentes aislados, formularios, configuraciones, flujos de onboarding o estados vacíos. Cubre una amplia gama de actividades: desde una revisión completa de UX, auditoría de jerarquía visual y arquitectura de información, hasta la optimización de rendimiento, accesibilidad y comportamiento responsivo. También incluye trabajo en theming, tipografía, espaciado y animaciones, así como la identificación de anti-patrones. Es compatible con cualquier framework o herramienta frontend (React, Vue, Angular, Svelte, etc.) y puede aplicarse tanto en prototipos como en código de producción. La habilidad funciona proporcionando análisis detallados, sugerencias accionables y ejemplos de código para cada aspecto mejorable de la interfaz, ayudando a los desarrolladores a alcanzar un nivel de pulido profesional.

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

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace impeccable?

Úsalo cuando el usuario quiera diseñar, rediseñar, dar forma, criticar, auditar, pulir, aclarar, destilar, endurecer, optimizar, adaptar, animar, colorear, extraer o mejorar una interfaz frontend. Cubre sitios web, páginas de aterrizaje, paneles de control, UI de producto, shells de aplicación, componentes, formularios, configuraciones, onboarding y estados vacíos. Maneja revisión de UX, jerarquía visual, arquitectura de información, carga cognitiva, accesibilidad, rendimiento, comportamiento responsivo, theming, anti-patrones, tipografía, fuentes, espaciado, la

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 relacionados