karak

karak/karak-claude-plugin

Plugin Claude Code

Plugin marketplace listing 6 plugins: karak-design, karak-architecture, karak-engineering, karak-product, karak-windows-desktop.

karak/karak-claude-plugin

Settings file Claude Code

Claude Code plugin with design documentation skills and specialized agents.

karak/karak-claude-plugin

Skill Claude CodeCodex

Skill "plugin-structure-guide" from karak/karak-claude-plugin, covering plugin structure guide, ファイル構成, スキル追加ワークフロー, step 1: skill.md を作成 and step 2: plugin.json に登録.

karak/karak-claude-plugin

Agent

Project planning specialist for modern web and mobile applications with cloud backends. When to use: (1) At project kickoff, when defining goals for multi-platform development (2) During sprint planning, when coordinating web, iOS, and Android workstreams (3) When creating roadmaps for phased platform rollouts (4)…

karak/karak-claude-plugin

Agent

Code quality improvement specialist for modern web and mobile applications. When to use: (1) When code has grown complex and needs simplification (2) When preparing legacy code for new feature additions (3) When consolidating duplicate code across web/iOS/Android codebases (4) When applying modern patterns (hooks…

karak/karak-claude-plugin

Agent

Google Cloud Platform infrastructure specialist for cloud-native applications. When to use: (1) When designing GCP architecture for web/mobile backend services (2) When provisioning infrastructure with Terraform or gcloud CLI (3) When setting up CI/CD pipelines with Cloud Build (4) When configuring networking…

karak/karak-claude-plugin

Agent

Quality assurance and test planning specialist for modern web-based cloud applications. When to use: (1) After system design is complete, before implementation, to define test strategy (2) During development, to design and review test cases for frontend/backend/API (3) Before release, to verify test coverage, quality…

karak/karak-claude-plugin

Agent

Requirements definition specialist for modern web and mobile applications with cloud backends. When to use: (1) At project inception, when translating business concepts into formal requirements (2) When defining requirements for multi-platform apps (Web, iOS, Android) (3) When specifying cloud infrastructure and API…

karak/karak-claude-plugin

Agent

System architecture specialist for modern web and mobile applications with cloud backends. When to use: (1) After requirements are defined, before implementation begins (2) When designing 2-tier or 3-tier architecture for multi-platform apps (3) When designing API contracts and BFF (Backend for Frontend) patterns (4)…

karak/karak-claude-plugin

Agent

User interface design specialist for modern web and mobile applications with cloud backends. When to use: (1) When designing screens/components for Web (React/Next.js), iOS (SwiftUI), or Android (Compose) (2) When establishing cross-platform design systems with shared tokens (3) When improving usability…

karak/karak-claude-plugin

Plugin Claude Code

System architecture skills: C4 model diagrams, ADR, architecture decision records, system design, GCP infrastructure, architecture-principles (modernization / Team Topologies / evolutionary architecture / DORA), Thoughtworks Tech Radar structural index + themes (volume-stamped).

karak/karak-claude-plugin

Skill Claude CodeCodex

A skill for creating, updating, and reviewing Architecture Decision Records, or ADRs. An ADR is a short document that records an important software design choice and its reasoning.

karak/karak-claude-plugin

Skill Claude CodeCodex

An architecture-principles knowledge base for modernising software systems, designing organisations, evolving architectures, and connecting delivery measures to business value. It is independent of programming language and cloud provider.

karak/karak-claude-plugin

Skill Claude CodeCodex

A reference index for the Thoughtworks Technology Radar, a publication that tracks how Thoughtworks assesses software technologies and practices. It stores technology names, categories, recommendations, links, tags, and theme information while fetching the publication text locally when needed.

karak/karak-claude-plugin

Skill Claude CodeCodex

A skill for creating C4 architecture diagrams in PlantUML, a text-based diagram language, using the C4 model's Context, Container, Component, and Code levels. It keeps the diagrams in the correct dependency order and checks consistency between levels.

karak/karak-claude-plugin

Plugin Claude Code

UI/UX and visual design skills: Apple HIG for iOS 26 / Liquid Glass, Material Design 3, icon design, frontend aesthetics, UX psychology, Hi-Fi design quality, mobile auth screen design, design system, Garrett UX analysis (Strategy/Scope/Structure/Skeleton/Surface 5-layer framework), design-to-code Storybook catalog…

karak/karak-claude-plugin

Skill Claude CodeCodex

Design iOS/iPadOS interfaces for the Liquid Glass era (iOS 26+) following Apple's Human Interface Guidelines. Use when creating or reviewing SwiftUI views and app screens, structuring navigation (tab bars, toolbars, sidebars, search), applying Liquid Glass material and glassEffect APIs, choosing semantic colors and…

karak/karak-claude-plugin

Skill Claude CodeCodex

A skill for creating and applying design systems to websites and apps. A design system is a shared set of rules for colours, typography, components, and layouts.

karak/karak-claude-plugin

Skill Claude CodeCodex

Build and operate a norm-governed, code-first component catalog with Storybook as the hub, so designers and engineers hand off through code (Figma or Claude Design) and keep improving in both directions (design->code and code->design). Use this whenever you are setting up a new component library / design system in a…

karak/karak-claude-plugin

Skill Claude CodeCodex

Use when generating, reviewing, or modifying frontend HTML/CSS/React code to detect and eliminate AI-generated design patterns ("AI slop") — purple gradients, Inter font, three-column icon cards, centered hero sections, cookie-cutter layouts. Fires on symptoms like generic aesthetics, lack of brand personality…

karak/karak-claude-plugin

Skill Claude CodeCodex

A user-experience analysis method based on Garrett’s five layers: strategy, scope, structure, skeleton, and surface. These layers move from product goals and requirements to navigation, layout, and visual details.

karak/karak-claude-plugin

Skill Claude CodeCodex

Systematically improves Hi-Fi UI design quality. Prevents missing design dimensions and dependency order violations when transitioning from Low-Fi to Hi-Fi. Applicable to any UI type: SNS, landing pages, SaaS, mobile apps, dashboards, and admin panels. MUST trigger when: creating or reviewing Hi-Fi prototypes…

karak/karak-claude-plugin

Skill Claude CodeCodex

Generate application icons for modern web and mobile applications in major image formats including PNG and SVG. This skill should be used when creating app icons, launcher icons, favicons, or PWA icons. It provides platform-specific specifications (iOS, Android, Web), design best practices, color psychology guidance…

karak/karak-claude-plugin

Skill Claude CodeCodex

Create modern, expressive UI designs following Google's Material Design 3 (Material You) guidelines. Use this skill when building HTML/CSS mockups, web interfaces, dashboards, or UI screens with Android-style or Google-style aesthetics. Covers Roboto typography, dynamic color system with tonal palettes, elevation…