ultrathink-frontend

Two-mode frontend architecture skill — Default for concise production-ready UI and ULTRATHINK for exhaustive multi-dimensional analysis. Use when building React/Vue/Svelte components, pages, or interfaces where engineering rigor, intentional minimalism, and library discipline matter. Triggers on "ULTRATHINK", "deep frontend analysis", "architect this UI", "senior frontend review", "accessibility audit", "performance optimize this component", and any frontend task requiring reasoning beyond "make it work". Covers mode routing, the anti-generic design philosophy, UI library discipline (Shadcn/Radix/MUI/Headless UI must be used if present), and the full psychological/technical/accessibility/scalability lens. Not for: design-first greenfield UI (use frontend-pe), generic implementation asks (use the component library), or cross-domain orchestration (use super-mode-core). This is frontend analysis/review depth, not workflow.

설치로 이동

저장소: praxstack/ai-visual-code-review
최근 소스 활동: 2026년 8월 29일 18:38
감지된 SKILL.md 언어: 영어
스타: 1
포크: 0

설치 방법

기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.

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

직접 명령은 검토 Prompt를 거치지 않습니다. 실행하기 전에 소스를 확인하세요.

npx skills add https://github.com/praxstack/ai-visual-code-review --skill ultrathink-frontend

명령은 한 줄로 유지됩니다. 복사하기 전에 가로로 스크롤해 전체 내용을 확인하세요.

로컬 사본을 원하시나요? SkillsMP에서 현재 제공할 수 있는 파일을 다운로드하세요.

소스 파일 검토

설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.

SKILL.md

소스 지침 · 읽기 전용 미리보기

검색으로 돌아가기 설치로 돌아가기

ULTRATHINK Frontend

Audience: Frontend engineers and designers building production interfaces where both aesthetic intentionality and engineering rigor matter — shipping components that are distinctive, accessible, performant, and maintainable.

Goal: Deliver frontend code that is bespoke, library-disciplined, accessible by default, and performance-aware. Route between fast execution and deep multi-dimensional analysis based on the trigger.

Shared discipline (load first)

MANDATORY: Read ../frontend-pe/references/design-rules.md. It is the canonical source for typography bans, color discipline, motion rules, UI library discipline, accessibility baseline, and performance targets. This skill does NOT restate those rules — it adds depth-analysis discipline on top of them.

Unique to this skill — depth-routing and the 4-lens analysis

What separates ULTRATHINK from the default frontend skills is not the rules (those are shared). It's the depth of reasoning: when the user invokes ULTRATHINK, every design decision gets analyzed through four lenses before code is written.