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 (code-first component catalog with round-trip design/code governance)
Plugin karak-design from marketplace karak-dev in karak/karak-claude-plugin. Commands read from the repo's manifest — 2 days ago.
apple-designDesign 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 sem
design-systemウェブサイトやアプリのデザインシステムを作成・適用するスキル。60の実在するプロダクトのデザインシステム（色、タイポグラフィ、コンポーネント、レイアウト）をリファレンスとして保持し、 ユーザーの要望に最適なデザインを提案・実装する。 以下のキーワードでトリガーされる： - 「〇〇のようなデザインで」「〇〇風のデザイン」「〇〇みたいなサイト」（サイト名ベース） - 「モダンなデザイン」「ダークモードのサイト」「ミニマルなUI」「温かみのあるデザイン」（雰囲気ベース） - 「緑系のサイト」「青と白のデザイン」「グラデーションを使ったサイト」（色使いベース） - 「日本語のウェブサイト」「日本のサー
design-to-code-storybookBuild 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 / d
frontend-aestheticsUse 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
garrett-ux-analysisUse when designing or diagnosing a UX problem that spans multiple Garrett layers (Strategy / Scope / Structure / Skeleton / Surface) — 典型的には「表層を磨いているのに KPI が動かない」 「機能を作るほど使われなくなる」「ナビ刷新でも迷子が減らない」のような技術的カモフラージュ (上位層磨きで下位層欠陥を隠している) の疑い、または戦略・要件が未定義のグリーンフィールド新規プロダクトを Strategy 層から組み立てたい場合。出力は 5 層を貫く構造化レポ
hifi-design-qualitySystematically 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
icon-designGenerate 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 ps
material-designCreate 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 palet
mobile-auth-screen-designMUST USE for any mobile auth screen UI question. This skill contains a specialized checklist covering 5 areas that general design advice misses: (1) scroll / safe-area layout patterns that cause keyboard occlusion on iOS and Android, (2) Google and Apple brand-guideline compliance for social login b
ux-psychologistUX心理学の専門家エージェント。ユーザーフローの体験設計、UIレビュー、マーケティング観点でのグロース施策の検討時に使用。47の心理学法則を活用し、ユーザー行動の予測と最適化を支援する。ユーザーフロー設計、UI改善提案、コンバージョン最適化、A/Bテスト仮説立案などのタスクで活用される。 This skill provides a structured diagnostic process with a 47-law behavioral psychology reference and a curated anti-pattern checklist — reading it ensures
ui-designerUser 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 usabi
Windows Desktop development skills: .NET 10 WPF/XAML, MVVM, Clean Architecture, Vertical Slice, MSIX packaging/signing/CI, Serilog diagnostics, EF Core migration (SQLite offline-safe), performance profiling, xUnit/Moq testing, dotnet-windows-developer agent
7 skills · 1 agent
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)
4 skills · 2 agents
Code quality, review, and design doc skills: Codex-based code review with session resume, Google design docs, code refactoring, QA management, and Node.js 24 backend development (Express, Drizzle/Prisma, Vitest, tsup)
3 skills · 3 agents
Meta-skills that observe the Claude Code session itself: Stop-hook gated learning-candidate recording, session-pointer breadcrumbs into auto-memory
1 skill · hooks
Product management agents: requirements analysis, agile project management
2 agents
Windows host maintenance: disk-saver diagnoses disk usage with usage evidence (running apps, VS Code extension lists, nvm/Playwright references, superseded drivers, pagefile, stale workspaces), proposes prioritized Japanese reports, and removes only per-item approved targets
1 skill
Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques
15 skills · hooks
tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.
1 skill
Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.
1 skill · 7 commands
Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.
1 MCP server
Build powerful, stateful CLI interfaces for any GUI application using the cli-anything harness methodology.
5 commands
Automates browser interactions for web testing, form filling, screenshots, and data extraction
12 skills
This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.