前端開發

Neon PostgreSQL serverless database - connection pooling, branching, serverless driver, and optimization. Use when deploying to Neon or building serverless applications.

エンタープライズ Azure 環境構築スキル。AVM 活用、VM アプリ初期化、App Service/AKS/Container Apps へのアプリデプロイ、サービス間設定連携、CI/CD 生成をサポート。Hub-Spoke, AKS, AI Foundry 等の複合アーキテクチャに対応。Bicep MCP と Microsoft Learn Docs MCP で最新スキーマを取得。

Execute comprehensive Rust development workflow including cargo build, test, clippy, and fmt. Use when compiling, testing, or checking Rust code quality. Note: CCAGI is primarily Node.js/TypeScript; this skill is for Rust components if needed.

Create expert-level Ruby on Rails generators for models, services, controllers, and full-stack features. Use when building custom generators, scaffolds, or code generation tools for Rails applications, or when the user mentions Rails generators, Thor DSL, or automated code generation.

An internal cognitive engine for quantitative root cause analysis. Use this autonomously when you need to weigh competing hypotheses, prevent anchoring bias, or determine the most efficient next diagnostic step.

Slack 앱 개발 및 API 통합을 위한 포괄적인 스킬. Bolt 프레임워크, Block Kit UI, OAuth 인증, 이벤트 처리, 슬래시 커맨드, 인터랙티브 컴포넌트, 워크플로우 스텝을 지원합니다. "Slack", "슬랙", "봇", "메시지", "채널", "webhook" 키워드로 활성화.

Detects project tech stack, languages, frameworks, package managers, cloud platforms, and generates appropriate permissions.TRIGGERS - Keywords: tech stack, stack detection, detect stack, analyze project, project analysis, what technologies, what framework, what language, package manager, dependencies, bootstrap, setup, initialize, /claudenv, infrastructure setup, permissions, project context, environment detection.TRIGGERS - Phrases: "what stack is this", "what's this project using", "detect the technologies", "analyze this project", "set up permissions", "bootstrap infrastructure", "identify frameworks".

Setup Tailwind CSS and shadcn/ui component library for Next.js projects. Use when configuring Tailwind CSS, installing shadcn/ui, setting up design tokens, configuring dark mode, initializing component library, or when user mentions Tailwind setup, shadcn/ui installation, component system, design system, or theming.

Fix bugs, optimize performance, and maintain code quality in CClean-Killer. Use when asked to fix detection issues, false positives, false negatives, optimize scan speed, improve performance, refactor code, or do quick maintenance tasks like version bumps or linting.

ETL pipelines, Apache Spark, data warehousing, and big data processing. Use for building data pipelines, processing large datasets, or data infrastructure.

Rapidly prototype and build modern, responsive web applications from scratch using current frameworks and libraries. Use when you want to quickly create a new web app with full local control, creative flow, and modern best practices. Local alternative to Lovable, Bolt, and v0.

라이브러리 정보를 확인하기 위한 스킬이다. Next.js, shadcn, 기타 라이브러리에 대해 적절한 MCP 서버를 사용해 최신 문서와 사용 방법을 조회한다.

Create the deliverable (code, documentation, tests, content) following the user's standards and best practices. Use after validation passes to actually build the work product.

Expert at creating React components following project patterns including TypeScript, hooks, Tailwind CSS, and shadcn/ui. Use when asked to create new components, generate UI elements, or scaffold React code.

Automated build, deploy, and documentation workflow for backend and combined (frontend+Theia) services to GKE. Use when starting a new build, deploying code changes to production GKE, or need consistent deployment documentation.

Use when creating or updating agent evaluation suites. Defines eval structure, rubrics, and validation patterns.

Guide for writing Rust code covering ownership, borrowing, lifetimes, error handling, async programming, and Rust best practices

Create bold, high-end, production-grade frontend interfaces with the mindset of a professional UI/UX designer and frontend engineer. This skill is used when the user asks to design or redesign web interfaces (components, pages, dashboards, or applications) that must feel intentional, distinctive, and non-generic. The model should actively draw inspiration from a wide range of real-world design references (e.g. modern product interfaces, editorial layouts, design systems, experimental web design, trends seen on platforms like Pinterest, Awwwards, Dribbble), without copying any single source. The output must be real, implementation-ready code, but should avoid rigid, template-like, or overly symmetric “AI-looking” components. Layouts, spacing, typography, hierarchy, and interaction patterns should feel designed, not generated. Preference is given to strong visual direction, thoughtful UX decisions, and controlled experimentation over safe or conventional UI patterns.

テックブログのフロントエンド改善を総合的に支援するスキル。PV数・滞在時間の向上、ユーザー満足度の改善、SEO最適化を目的に、パフォーマンス、アクセシビリティ、UI/UX、Core Web Vitalsの改善提案を実施。「フロントエンドを改善して」「パフォーマンスを最適化」「UXを向上させたい」などのリクエストで利用。

Expert guidance for Axum 0.8.x web framework development in Rust. Use when working with Axum 0.8+, migrating from 0.7 to 0.8, or when users mention path parameter syntax issues, async_trait problems, or Option extractor changes.