Communitygithub.com

Finem-Group/impeccable

사용자가 프론트엔드 인터페이스를 디자인, 재설계, 구성, 비평, 감사, 다듬기, 명확화, 추출, 강화, 최적화, 적응, 애니메이션, 색상화, 추출 또는 개선하려고 할 때 사용합니다. 웹사이트, 랜딩 페이지, 대시보드, 제품 UI, 앱 셸, 컴포넌트, 폼, 설정, 온보딩 및 빈 상태를 포함합니다. UX 검토, 시각적 계층 구조, 정보 아키텍처, 인지 부하, 접근성, 성능, 반응형 동작, 테마, 안티패턴, 타이포그래피, 글꼴, 간격 등을 처리합니다.

impeccable란 무엇인가요?

이 스킬은 프론트엔드 인터페이스의 전반적인 품질을 향상시키기 위해 설계된 AI 어시스턴트 도구입니다. 웹사이트, 랜딩 페이지, 대시보드, 제품 UI, 앱 셸, 컴포넌트, 폼, 설정, 온보딩 및 빈 상태 등 다양한 프론트엔드 요소를 다루며, 사용자가 디자인, 재설계, 비평, 감사, 다듣기, 최적화 등을 요청할 때 활성화됩니다. 이 스킬은 UX 검토, 시각적 계층 구조, 정보 아키텍처, 인지 부하, 접근성, 성능, 반응형 동작, 테마, 안티패턴, 타이포그래피, 글꼴, 간격 등 전문적인 분야에 대한 깊이 있는 분석과 개선 사항을 제공합니다. Claude Code, Cursor, Codex 등 주요 AI 에이전트 플랫폼과 호환되며, 사용자의 의도를 정확히 파악하여 구체적이고 실행 가능한 조언을 제공하는 것이 특징입니다. SKILL.md 문서를 기반으로 작동하며, 프론트엔드 개발자와 디자이너가 더 나은 사용자 경험을 창출할 수 있도록 지원합니다.

지원 대상~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에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

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.

관련 스킬