원클릭으로
codebench
codebench에는 albertsikkema에서 수집한 skills 13개가 있으며, 저장소 수준 직업 범위와 사이트 내 skill 상세 페이지를 제공합니다.
이 저장소의 skills
CB - WCAG 2.2 compliance patterns for web interfaces. Use when building or reviewing UI for accessibility — semantic HTML, ARIA, keyboard navigation, color contrast, motion safety, screen reader support, and automated testing. Complements ui-component-creator (structure), front-end-design (aesthetics), and mobile-friendly-design (responsive).
CB - Create and manage Bruno API collections. Use when building API requests, test suites, environments, or working with .bru files in api_tools/. Bruno is a Git-native, offline-first API client (Postman alternative).
CB - Post-implementation cleanup — rationalize docs, capture learnings, update project state
CB - Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
CB - Use when building responsive web interfaces that must work across phone, tablet, and desktop. Covers mobile navigation, touch-friendly interactions, responsive layouts, and mobile form patterns. Complements ui-component-creator (structure) and front-end-design (creative direction). Not for native mobile apps — responsive web only.
CB - Generate PR description, sync branch, push, and create/update PR
CB - Create a production release with changelog, version bump, PR, tag. Supports two-branch (dev->main) and single-branch (release branch->main) workflows.
CB - Review test quality for changed or specified test files. Detect test smells, skip-to-pass shortcuts, mock abuse, missing coverage, and contract drift.
CB - Set up changelog generation and release workflow for any project. Creates a shell script for changelog/release orchestration, GitHub Actions release workflow, and Makefile targets. Supports protected main branches via PR-based flow.
CB - Commit, create PR, add comment, merge, checkout default branch, and pull
CB - Create React UI components following a project's design system. Use when building new components, buttons, cards, forms, inputs, modals, badges, or any frontend UI elements. Provides the structural patterns — project-specific skills provide the tokens.
CB - Visual verification of web UI using Playwright MCP. Navigate, screenshot, inspect accessibility tree, and verify rendered output at multiple viewports.
CB - Scan dependencies for known vulnerabilities (OSV, GitHub, CISA KEV, NCSC)