Development

Core Next.js patterns for App Router development including Server Components, Server Actions, route handlers, data fetching, and caching strategies. Use when building Next.js applications with the App Router, implementing server-side logic, or optimizing data flows. Version-agnostic patterns that apply to Next.js 14+.

Run comprehensive CI checks before committing changes. Use when the user asks to run CI, run quality checks, validate code quality, or before finishing any task that involves code changes.

Tailwind CSS utility-first CSS framework. Use for responsive design, dark mode, utility classes, and component styling.

ACI 318-25 콘크리트 구조설계 기준(Building Code for Structural Concrete)을 검색하고 설계 계산을 수행하며, 설계 워크플로우를 제공합니다. 콘크리트 구조설계, 철근콘크리트, 프리스트레스트 콘크리트, 노출등급, 내진설계, 부재 설계 관련 질문에 즉시 활성화되며, 공식 추출, 노출등급 선택, SDC 요구사항, 설계 검증을 지원합니다.

Use when working with Ruby's object-oriented programming features including classes, modules, inheritance, mixins, and method visibility.

Browser automation scripts for testing, screenshots, and web interaction. 16 scripts with persistent state.

Creating new Claude Code skills for StickerNest. Use when the user asks to create a skill, build a skill, add a new skill, make a Claude skill, or extend Claude's capabilities for this project. Covers skill structure, YAML frontmatter, trigger-focused descriptions, and StickerNest-specific skill patterns.

Looks up OWASP DevSecOps Guideline phases, security tools, and pipeline checks. Returns tool configurations, CWE mappings, and integration patterns for CI/CD security. Use when user asks about "DevSecOps", "SAST", "DAST", "SCA", "container security", "IaC security", "secret detection", "gitleaks", "semgrep", "trivy", "pipeline security", "シークレット検出", "静的解析", "動的解析", "コンテナセキュリティ", "セキュリティゲート".

Use when user asks about N+1 queries, performance optimization, query optimization, reduce API calls, improve render performance, fix slow code, optimize database, or reduce bundle size. Provides guidance on identifying and fixing performance anti-patterns across database, backend, frontend, and API layers.

Review code changes following RT Stack conventions and best practices.按照 RT Stack 规范和最佳实践审查代码变更。Use when:- Reviewing pull requests- Checking code quality before commit- User mentions "review", "check code", "审查代码", "代码检查"

Creates an antifact following the project's patterns and methods. Use when you need to create a new artifact in a bounded context/module. Use to create new entities, services, repositories, or any other artifact in the application. It internally uses the /generate command.

Generate POSIX shell scripts following UNIX programming principles and a rigorous coding style. Use when: (1) creating or updating shell scripts; (2) when working on .sh files; (3) when working on files with #!/bin/sh shebang lines. Do not use when: (1) asked to create a Bash script.

Implement comprehensive validation using Zod schemas for type-safe validation on both client and server, with server-side validation as the security boundary (never trust client input). Use this skill when validating user inputs, creating API endpoints that accept data, implementing forms, defining data schemas, validating file uploads, creating validation middleware, implementing Firestore security rules or Supabase RLS, or writing validation rules for any user-provided data. Apply when working on API route handlers, form components with React Hook Form, validation middleware, Zod schema definitions (schemas/*.ts, validation/*.ts), Firestore security rules (firestore.rules), Supabase RLS policies, or any code that accepts external input. This skill ensures server-side validation always (client-side is for UX only), Zod for schema validation with TypeScript type inference (z.infer<typeof schema>), validation middleware factory for Express/Bun APIs, React Hook Form + zodResolver for forms, user-friendly error

Use the Google Gemini CLI to get a second opinion on code, architecture, and UI/UX work. Trigger when a user asks to consult Gemini, wants an external critique, or requests UI feedback, design alternatives, or code review via the Gemini CLI.

Guide for versioning and releasing Claude Code plugins. Covers semantic versioning, CHANGELOG maintenance, and the automated release workflow.

Methodological skill for Test-Driven Development in NestJS backend. This skill should be used when strict quality requirements demand tests-first approach, refactoring critical services, or building MVPs with mandatory coverage. Complements nestjs-architect skill with TDD methodology.

Backend and API standards for Soracom services. Use when authoring OpenAPI specs, implementing Java/Kotlin services, or preparing releases.

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

【WHEN】当用户命令中明确包含"codex协作"、"codex协同"、"与codex合作"等指令时启用； 【WHEN】当用户要求使用 codex MCP 工具进行代码分析、原型生成、review 等协作开发场景时启用。 【WHEN NOT】不用于单独的代码实现任务、不用于纯文档编写、不用于不涉及 codex 的常规开发流程。

Review C99 code for compliance with HBF's strict coding standards including compiler warnings, Linux kernel style, and licensing constraints. Use when reviewing or writing C code in this project.