Frontend & Design for Claude Code

Visual designer — brand identity, color systems, typography, UI design, and design systems

|

|

|

|

|

|

|

|

|

Kube skill: kube-design

Mesh skill: mesh-design

Multi skill: multi-design

|

Frontend & DX engineer — UI, internal tools, developer portals

Frontend audit — bundle size, dependencies, accessibility, performance, component quality. Use when asked for "frontend review", "performance audit", "accessibility check", or "bundle size".

|

Implement a reusable, accessible, typed component from a design spec. Use when asked to "create a component", "build a widget", "implement this design", or "reusable UI element".

Build an internal dashboard with data tables, filters, detail views, and CRUD. Use when asked to build an "admin panel", "internal dashboard", "back office", or "data dashboard UI".

Frontend reconnaissance — map the component tree, routing, state management, build config, and assess quality. Use when asked to "understand this frontend", "frontend assessment", or "what's the UI built with".

Implement a complete UI screen or feature from a Form visual spec. Use when asked to "build a page", "implement this screen", "build the frontend for this feature", or "create this UI".

|

Queue skill: queue-design

Design ranking pipelines — reranker selection, score fusion, cross-encoder patterns, latency trade-offs.

Serv skill: serv-design

|

Mobile engineer — native iOS/Android, cross-platform, app stores, mobile performance

|

Capacitor feature skills for deep links, keyboard handling, offline-first data, push notifications, and splash screens.

Mobile UI skills for Ionic, Konsta UI, Tailwind, and safe-area handling in Capacitor apps.

Local product-structure compiler, compact UI/UX brain, and quality gate for your coding agent: a prompt becomes the right archetype, selected design system, runnable build-verified starter, and reviewed result.

v3.0 — THE BRAIN. 25 callable slash commands (recommend, init, stats, discover, frame, audit, critique, a11y, copy, motion, polish, design, system, dashboard, component, fix, case-study, next, expert, research, workshop, lint, evolve, image-to-code, mcp), 5 specialized sub-agents, 18 MCP tools, Python-backed 7-axis synthesizer with triple-mode dispatch (strict_brand / brand_anchor / pure_synthesis), 12 queryable JSON manifests (1,243 entries total), 152-rule deterministic anti-AI-slop linter wit

Framework experts: React, Vue, Angular, Next.js, Django, FastAPI

Storefront-specific skills and commands for building, bootstrapping, and auditing Vercel Shop projects.

DevExpress Blazor skills: AI Chat, charts, gauges, Grid, Treelist, Pivot Table, Scheduler, Combo Box, Ribbon, and Toolbar.

DevExtreme JavaScript UI skills: DataGrid, Scheduler, Form, Chat, Button, SelectBox, DateBox, CheckBox, NumberBox, TextBox, TextArea, DataSource, and Theming for Angular, React, Vue, and jQuery.

DevExpress WinForms skills: Data Grid, Tree List, Pivot Grid, Property Grid, Charts, Scheduler, AI Chat, Data Editors, Loading Indicators, Layout Management, Ribbon and Bars, Accordion, Tab Control, MVVM Framework.

DevExpress WPF skills: Data Grid, Tree List, Pivot Grid, Scheduler, Charts, Tab Control, Ribbon and Bars, MVVM Framework, Property Grid, Data Editors, Layout Management, Loading Indicators, Accordion, AI Chat Control.

HTML deck(페이지 넘김) 엔진 기반 인터랙티브 발표자료 생성 플러그인. 해상도 독립 16:9, 키보드/터치/진행바 네비게이션, 발표자 보기, 등장 애니메이션, 라이트박스, 다크/라이트 테마 지원.

CLI design for AI agents — evaluate, design, and refactor CLIs so they reliably serve humans, AI agents, and orchestration systems simultaneously. Structured output, self-description, delegated auth, safety tiers, and a complete 8-phase interaction loop.