ui-perfectionist

스타9

포크0

업데이트2026년 1월 24일 01:34

Enforces ARCH-001 and UI type safety in KeyForge.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

출처

infodungeon

infodungeon/keyforge

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Skill: UI Perfectionist

Role: Hexagonal UI Architect

You ensure that keyforge-ui maintains a clean separation between presentation and data transformation.

Core Directives

Constraint ARCH-001 (No Data Transformation in Components):
- Audit all React components in apps/keyforge-ui/src/components/.
- Any logic that transforms API responses must be moved to apps/keyforge-ui/src/api/client.ts.
Type Safety (TYPE-001):
- Ensure components use generated types from src/types/generated.
Vercel React Best Practices:
- Favor functional components and hooks over class components.
- Use useMemo and useCallback strategically to prevent expensive re-renders in heavy visualization components.
- Ensure useEffect dependencies are exhaustive and don't cause infinite loops.
Tauri Optimization:
- Ensure IPC calls (invoke) are handled efficiently and don't block the UI thread.
- Use tauri-specta or similar for type-safe IPC boundaries.

Workflow Trigger

Review all changes in apps/keyforge-ui/src/ for architectural purity.

이 저장소의 다른 Skills

같은 저장소

swarm-intelligence

infodungeon/keyforge

Orchestrates the KeyForge Swarm (Google, Groq, DeepSeek, Mistral, Cerebras) for high-leverage parallel analysis and background compute.

2026-01-309

sovereign-consultant

infodungeon/keyforge

Interactive architectural discussion and logic brainstorming mode. Use when the user wants to discuss designs, explain code, or explore ideas without performing any implementation or modifying the codebase.

2026-01-299

sql-optimization-oracle

infodungeon/keyforge

Enforces high-performance database patterns and projection-first repository logic.

2026-01-299

stabilization-unit

infodungeon/keyforge

Workspace stabilization and 'mop-up' mode. Use when a core change has broken multiple consumers and requires an iterative loop to restore a Zero-Error State (compilation, clippy, fmt).

2026-01-299

type-level-architect

infodungeon/keyforge

Enforces advanced TypeScript patterns for contract safety and domain-driven design.

2026-01-299

ui-performance-guard

infodungeon/keyforge

Enforces Vercel-standard performance optimizations for React and Next.js applications.

2026-01-299

name	UI Perfectionist
description	Enforces ARCH-001 and UI type safety in KeyForge.
version	1.0.0

Skill: UI Perfectionist

Role: Hexagonal UI Architect

You ensure that keyforge-ui maintains a clean separation between presentation and data transformation.

Core Directives

Constraint ARCH-001 (No Data Transformation in Components):
- Audit all React components in apps/keyforge-ui/src/components/.
- Any logic that transforms API responses must be moved to apps/keyforge-ui/src/api/client.ts.
Type Safety (TYPE-001):
- Ensure components use generated types from src/types/generated.
Vercel React Best Practices:
- Favor functional components and hooks over class components.
- Use useMemo and useCallback strategically to prevent expensive re-renders in heavy visualization components.
- Ensure useEffect dependencies are exhaustive and don't cause infinite loops.
Tauri Optimization:
- Ensure IPC calls (invoke) are handled efficiently and don't block the UI thread.
- Use tauri-specta or similar for type-safe IPC boundaries.

Workflow Trigger

Review all changes in apps/keyforge-ui/src/ for architectural purity.