Frontend

CUI JavaDoc documentation standards for Java classes, methods, and code examples

Guide for implementing shadcn/ui - a collection of beautifully-designed, accessible UI components built with Radix UI and Tailwind CSS. Use when building user interfaces, adding UI components, or implementing design systems in React-based applications.

Django ORM, admin panel, authentication, and building production Django applications.

보담 플랫폼 자동 배포 - Backend(K8s)와 Frontend(Vercel)를 통합 배포. 사용자가 배포 요청 시 또는 "deploy to preview/production" 같은 요청 시 사용.

Supabase open-source Firebase alternative with Postgres, authentication, storage, and realtime subscriptions. Use when building full-stack applications requiring integrated backend services with Next.js, React, or Vue.

Extract comprehensive JSON design specifications from visual sources including Figma exports, UI mockups, screenshots, or live website captures. Produces W3C DTCG-compliant output with component trees, suitable for code generation, design documentation, and developer handoff.

Guides production deployment workflow with safety checks and rollback procedures. Use when deploying applications to staging or production environments.

Use this skill when asked to "create a plugin", "build a new plugin", "make a Claude Code plugin", "scaffold plugin", "plugin structure", "add commands/agents/skills/hooks to plugin", or when helping with plugin development.

Provides guidelines for verifying implementation requirements before creating, editing, or deleting files, and taking appropriate actions when requirements are not met.

Manage architectural decisions and insights in memory.jsonl. Use when you need to document strategic decisions, lessons learned, fixed problems, or architectural insights. Append-only audit trail for project knowledge.

Guide for developing Tauri v2 desktop apps on macOS. Covers debugging native apps (Rust panics, Sentry integration, thread-local issues), app signing and updater setup, global shortcuts, Keychain secret storage, and Homebrew distribution. Use when building Tauri apps, debugging Rust backend issues, setting up auto-updates, handling keyboard shortcuts, or distributing macOS apps.

Teach server action authentication and security patterns in Next.js 16. Use when implementing server actions, form handlers, or mutations that need authentication.

Teach middleware.ts to proxy.ts migration in Next.js 16. Use when migrating middleware, encountering middleware errors, or implementing request proxying.

Professional styling toolkit with 10 pre-set themes for slides, documents, reports, and HTML pages. Use when applying consistent colors and fonts to any artifact, or when generating custom themes on-the-fly.

Human validation of complete plan (PRD + Stories + Execution Plan) before execution. User sees full picture then approves or requests changes. Required for complexity ≥15.

Create project-specific UI design guideline as a Claude Code Skill. Use when the user says "UI design guideline", "design system", "style guide", or wants to create design guidelines for their project.

Find and safely claim the next Beads task with conflict checking. Use when looking for work, when finishing a task and need the next one, when the user mentions "next task" or "what should I work on", or when coordinating with other agents on task ownership.

Frontend-Entwicklung für Claude Code Archive Backoffice UI.Next.js 16, React 19, Tailwind CSS 4, shadcn/ui, Better Auth.Feature Slices Architektur mit Dependency Injection.Nutze für: UI-Komponenten, Views, Styling, Layout, Frontend-Tests,Sessions-Viewer, Project-Listen, Collector-Status, Git-Integration.Hohe Informationsdichte, professionelles Business-App Design.

Context-aware recommendation engine that analyzes git status, TypeScript errors, GitHub issues, and technical debt to suggest prioritized next actions. Returns specific popkit commands with explanations of why each is relevant. Use when unsure what to work on next, starting a session, or feeling stuck. Do NOT use when you already know what to do - just proceed with that task directly.

Build stateful AI agents and agentic workflows with LangGraph in Python. Use when asked to "build a LangGraph agent", "create a stateful workflow", "add persistence to an agent", "implement human-in-the-loop approval", "debug a LangGraph application", or "create a multi-agent system". Covers tool-using agents with LLM-tool loops, branching workflows, conversation memory, HITL oversight, and production monitoring. Includes StateGraph, nodes, edges, add_conditional_edges, MessagesState, thread_id, Command objects, and ToolMessage handling patterns.