Development
Frontend, Backend, Mobile, and Full-Stack development skills
20307 skills in this category
Subcategories
jwt-authentication
Generate JWTs for GitHub App authentication. Direct JWT generation for app-level operations, installation discovery, and bootstrapping workflows.
phoenix-waterfall-ledger-semantics
Waterfall ledger semantics and clawback behavior for the Phoenix VC fund model. Use when working on tier or ledger waterfall code, clawback behavior, or waterfall truth cases.
developing-gtkx-apps
Build GTK4 desktop applications with GTKX React framework. Use when creating GTKX components, working with GTK widgets, handling signals, or building Linux desktop UIs with React.
framer-motion
Comprehensive Framer Motion animation library for React. Covers motion components, variants, gestures, page transitions, and scroll animations. Use when adding animations to React/Next.js applications.
performance
Apply performance optimization patterns for game loop, rendering, and state updates. Use when discussing frame rate, optimization, profiling, or when editing core game loop code. Auto-apply when user mentions "slow", "fps", "lag", or "performance".
detect-hardcoded-secrets
Detect hardcoded secrets, API keys, passwords, and credentials in source code. Security audit for leaked secrets. Works across all languages. Use when user asks about security issues or secret detection.
learning-development-plan
Эксперт по планам развития. Используй для создания IDP, competency mapping, skill assessments и learning pathways.
framework-expertise
Master frontend, backend, and specialized frameworks. Covers React, Vue, Angular, Node.js, Django, Spring Boot, and ecosystem tools. Use when learning frameworks, choosing between options, or need best practices.
prompt-builder
Build complete agent prompts deterministically via Python script. Use BEFORE spawning any BAZINGA agent (Developer, QA, Tech Lead, PM, etc.).
playwright-frontend-testing
End-to-end frontend testing with Playwright Java and Chromium. Use for UI validation, form testing, API interaction verification, and screenshot capture on failures.
web-test-case-gen
Generate persistent test cases from project analysis, or add individual test cases interactively. Supports full project analysis or adding single test cases via prompt description with browser exploration.
eds-block-testing
Guide for testing EDS blocks using test.html files and the development server. Covers test file structure, EDS core integration, testing patterns, and debugging workflows for Adobe Edge Delivery Services blocks.
app-component
Generates src/App.vue root component with unit test. Creates both App.vue and App.spec.ts files.
frontend-design
Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Analyzes existing designs and adapts to project aesthetics.TRIGGERS - Keywords: UI, UX, CSS, SCSS, Sass, Less, styling, styles, stylesheet, Tailwind, styled-components, emotion, CSS-in-JS, Chakra, MUI, Material UI, Radix, shadcn, headless UI, layout, flexbox, grid, responsive, mobile-first, breakpoints, media queries, animation, transition, motion, keyframes, hover, focus, active states, visual design, typography, fonts, typeface, font-family, text styling, headings, color, colors, palette, color scheme, theme, theming, dark mode, light mode, branding, spacing, padding, margin, gap, whitespace, shadows, box-shadow, borders, border-radius, rounded corners, gradients, buttons, cards, forms, inputs, modals, dialogs, navigation, navbar, sidebar, header, footer, hero section, landing page, dashboard, component styling, design system, design tokens.TRIGGERS - Phrases: "make it look better", "improve the look", "looks ugly"
index-graph-navigator
Provides token-efficient navigation of PROJECT_INDEX.json for codebase analysis. Use when blast radius analysis, dead code detection, caller dependency analysis, or call stack tracing is needed. Mention 'blast radius', 'find callers', 'dead code', or provide file:line references to trigger. Primary consumer is AI agents requiring deterministic, minimal-token codebase navigation.
go-error-handling
Go error handling patterns including wrapping, custom error types, errors.Is/As, and error conventions. Use when handling, creating, or checking errors in Go.
course-architecture
Use for Phase 5 of Course OS - designing complete curriculum structure including modules, lessons, sequencing, learning paths, and outcome mapping. Triggers on "/course-architecture", "design curriculum", "structure modules", "lesson sequencing", or after completing Phase 4.
next
Assess current project state and suggest the most valuable next action. The primary entry point for users who aren't sure what to do. Analyzes context, checks for issues, and recommends specific skills or actions.
android-app-icon
Generate app icon using IconKitchen and place in correct locations
webapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.