By JosephNK
Personal development toolkit for Claude Code — scaffolding, conventions, and config generation
Verify that current changes comply with project conventions
eval-source 기반 구현 검증 (Evaluator)
Source 기반 코드 구현 (Generator)
TASKS.md + TASKS-QA-COMMON.md + tasks-qa/ 기반 Generator↔Evaluator 피드백 루프
계획 문서(Plan)와 프로젝트 아키텍처/컨벤션을 분석하여, **구현 순서에 맞게 재정렬된 Phase 문서**를 생성합니다.
Create distinctive, production-grade Flutter interfaces with high design quality. Use this skill when the user asks to build Flutter widgets, screens, or applications. Generates creative, polished Dart code that avoids generic AI aesthetics.
Generates Flutter iOS build configuration files. Use for requests like "Set up iOS", "Configure iOS build", "Set up xcodeproj".
Generates Dart code from OpenAPI 3.x specs. Use for requests like "Generate API client", "Create models from spec", "Set up API from swagger".
Redesign an existing Flutter feature's UI (presentation/pages/views/widgets only) while preserving its bloc, domain, and infrastructure. Use when the user wants to apply a new design (Figma, Stitch, image, or text) to a feature without touching its business logic.
Generates TypeScript DTO types, endpoint helpers, and tag-grouped API service classes from an OpenAPI 3.x spec into src/http/_generated/. Also generates src/http/_generated/client.ts (config-injection factory) and src/http/_generated/index.ts (barrel — import surface @/http/_generated), overwritten every run. Use for requests like "Generate API types", "Create types from spec", "Set up API from swagger".
Executes bash commands
Hook triggers when Bash tool is used
Uses power tools
Uses Bash, Write, or Edit tools
Runs pre-commands
Contains inline bash commands via ! syntax
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Bash prerequisite issue
Uses bash pre-commands but Bash not in allowed tools
Bash prerequisite issue
Uses bash pre-commands but Bash not in allowed tools
Flutter / Next.js / NestJS용 Claude Code 플러그인 — 프로젝트 셋업, 스크린·BLoC 스캐폴딩, OpenAPI 코드젠, 빌드·배포, TDD·코드리뷰, 컨벤션 관리를 하나로.
# Add marketplace
/plugin marketplace add https://github.com/JosephNK/jkit-code-plugin
# Install plugin
/plugin install jkit@jkit
Codex에서 이 플러그인을 사용하려면 marketplace를 추가한다.
codex plugin marketplace add JosephNK/jkit-code-plugin
특정 릴리스로 고정하려면:
codex plugin marketplace add JosephNK/jkit-code-plugin --ref <tag>
추가 후 Codex에서 jkit:commit skill을 사용할 수 있다.
플러그인 개발 시 로컬에서 직접 테스트하려면:
# 플러그인 디렉토리에서 직접 실행
claude --plugin-dir .
# 다른 경로에서 실행
claude --plugin-dir /path/to/jkit-code-plugin
Add to your project's .claude/settings.json so teammates get the plugin automatically:
{
"extraKnownMarketplaces": {
"jkit": {
"source": {
"source": "github",
"repo": "JosephNK/jkit-code-plugin"
}
}
}
}
| Framework | Init Command | Convention Stacks |
|---|---|---|
| Flutter | /jkit:flutter-init | bloc, freezed, go-router, leaf-kit, easy-localization |
| Next.js | /jkit:nextjs-init | design-system/mantine, design-system/antd, design-system/shadcn, tanstack-query, next-proxy |
| NestJS | /jkit:nestjs-init | typeorm, gcp, anthropic-ai |
Init 커맨드 실행 시 AGENTS.md, GIT.md, ARCHITECTURE.md, CONVENTIONS.md 등 프로젝트 설정 파일을 자동 생성합니다.
| Command | Description |
|---|---|
/jkit:flutter-init | 프로젝트 초기화 (conventions, husky hooks, commitlint 등) |
/jkit:flutter-app-scaffold | app.dart, main.dart, router, 다국어 리소스 생성 |
/jkit:flutter-android-setup | build.gradle.kts, AndroidManifest, proguard 설정 |
/jkit:flutter-ios-setup | pbxproj (4 flavor × 3 build type), xcscheme, Info.plist 설정 |
| Command | Description |
|---|---|
/jkit:flutter-plan | 요구사항 분석 → 리스크 평가 → 구현 계획 생성 |
/jkit:flutter-tdd | RED→GREEN→REFACTOR TDD 워크플로우 |
/jkit:flutter-create-bloc-screen | Screen + BLoC + View + DI + Route 보일러플레이트 생성 |
/jkit:flutter-design | 프로덕션급 UI 디자인 (LeafTheme + Atomic Design) |
/jkit:flutter-openapi-gen | OpenAPI 3.x → BuiltValue 모델 + Dio 서비스 코드 생성 |
/jkit:flutter-create-package | 모노레포 워크스페이스 패키지 생성 |
| Command | Description |
|---|---|
/jkit:flutter-code-review | 보안/품질/베스트프랙티스 코드 리뷰 |
/jkit:flutter-build-fix | 빌드/분석 에러 점진적 수정 |
/jkit:flutter-test-coverage | 커버리지 분석 + 누락 테스트 자동 생성 (80%+ 목표) |
/jkit:check-conventions | CONVENTIONS.md 기반 변경 파일 규칙 검증 |
| Command | Description |
|---|---|
/jkit:flutter-build-deploy | APK / AppBundle / IPA 빌드 (flavor: production/staging/dev/qa) |
/jkit:flutter-android-keystore-info | 키스토어 인증서 정보 조회 |
/jkit:flutter-android-signing-report | 키스토어 alias별 서명 정보 |
/jkit:flutter-android-verify-apk | APK 서명 검증 |
| Command | Description |
|---|---|
/jkit:flutter-update-dependencies | pub.dev 패키지 최신 버전 업데이트 |
| Command | Description |
|---|---|
/jkit:commit | 변경 분석 → 한국어 커밋 메시지 자동 생성 (3개 후보) |
/jkit:typeorm-migration | TypeORM 마이그레이션 SQL 생성 (dev/prod 분리) |
/jkit:update-plugin-ref | JKit 의존성 git ref 일괄 업데이트 (code-plugin / architecture-lint / leaf-kit) |
jkit.workspaces.json 매니페스트로 모노레포의 여러 워크스페이스를 한 번에 init/sync. 앱별 스택 선택을 매니페스트에 보관해 반복 실행 시 프롬프트 없이 재현 가능.
| Command | Description |
|---|---|
/jkit:workspaces-init | 매니페스트 기반 일괄 init. 매니페스트 없으면 워크스페이스 자동 탐색 후 부트스트랩 |
/jkit:workspaces-sync | 매니페스트 기반 일괄 sync. docs/lint config + husky 훅 갱신 |
단일 워크스페이스만 갱신할 때는 기존 /jkit:nextjs-init [path], /jkit:nextjs-sync [path], /jkit:nestjs-init [path], /jkit:nestjs-sync [path] 도 그대로 사용 가능합니다.
jkit.project.json)jkit.workspaces.json의 단일 프로젝트 버전. 프로젝트 루트에 두면 nextjs/nestjs/flutter의 -init·-sync가 스택 선택 프롬프트 없이 매니페스트 값으로 무인 재현합니다. 셋업이 어떤 스택으로 구성됐는지 기록되어 -sync 반복 시 드리프트가 없습니다.
// nextjs/nestjs
{
"framework": "nextjs",
"projectName": "web",
"conventionStacks": ["design-system/mantine"],
"eslintStacks": ["design-system/mantine", "tanstack-query"],
"tsconfigStacks": [],
"generateAgents": true
}
// flutter — eslint/tsconfig 대신 entryDir
{
"framework": "flutter",
"projectName": "my_app",
"conventionStacks": ["freezed", "leaf-kit"],
"entryDir": "app",
"generateAgents": true
}
동작 (매니페스트 존재 여부로 분기):
| 있음 | 없음 | |
|---|---|---|
-init | 무인 재현 (프롬프트 생략) | 대화형 진행 후 매니페스트 자동 작성 |
-sync | 무인 재현 (프롬프트 생략) | 대화형 진행 (기존과 동일) + 작성 제안 |
매니페스트가 없으면 기존 대화형 동작이 그대로 유지되므로 하위 호환됩니다. (모노레포의 jkit.workspaces.json은 워크스페이스별 동일 필드 집합을 배열로 보관합니다.)
npx claudepluginhub josephnk/jkit-code-plugin --plugin jkitFlutter app architecture skill: Riverpod 3 codegen, Freezed 3 sealed, GoRouter typed-route SSOT, Hive CE persistence, Crashlytics, ShowcaseView, gen-l10n. Pairs with the external flutter_skill_lints analyzer plugin (wired via analysis_options.yaml) for AST-level enforcement. Bundles PostToolUse, Stop, and UserPromptSubmit hooks that auto-fire only inside Flutter projects.
Flutter app development with widget creation and platform channels
Use this agent when you need expert assistance with Flutter mobile development tasks, including code analysis, widget creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a Flutter app and faces issues with navigation. user: 'My Navigator.push isn't updating the UI correctly when moving to a new screen' assistant: 'Let me use the flutter-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a Flutter-specific navigation issue, use the flutter-dev agent to provide expert guidance on Navigator problems.</commentary></example> <example>Context: User wants to create a custom widget that aligns with their app's design system. user: 'I need to create a custom button widget that matches our app's design system' assistant: 'I'll use the flutter-dev agent to create a button widget that aligns with your existing codebase structure and design patterns' <commentary>The user needs a Flutter widget that follows existing patterns, so use the flutter-dev agent.</commentary></example>
Use this agent when you need expert assistance with Flutter mobile development tasks, including code analysis, widget creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a Flutter app and faces issues with navigation. user: 'My Navigator.push isn't updating the UI correctly when moving to a new screen' assistant: 'Let me use the flutter-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a Flutter-specific navigation issue, use the flutter-dev agent to provide expert guidance on Navigator problems.</commentary></example> <example>Context: User wants to create a custom widget that aligns with their app's design system. user: 'I need to create a custom button widget that matches our app's design system' assistant: 'I'll use the flutter-dev agent to create a button widget that aligns with your existing codebase structure and design patterns' <commentary>The user needs a Flutter widget that follows existing patterns, so use the flutter-dev agent.</commentary></example>
Best-practice skills for Flutter and Dart covering accessibility, animations, BLoC, testing, theming, navigation, security, internationalization, layered architecture, license compliance, UI packages, project creation, and SDK/lint upgrades — plus automated dart analyze and format hooks.
Feature development with code-architect/explorer/reviewer agents, CLAUDE.md audit and session learnings, and Agent Skills creation with eval benchmarking from Anthropic.