skills.rest
TOBIASpuchito
TOBIASpuchitoCOMMUNITY
Explore all skills by this author →
GitHub

citec-bun-quality

Runs Bun-based validation, build, and QA commands for the CITEC frontend.

Updated Jun 9, 2026
Search Tags:#frontend#react#validation#qa#build#bun#astro
One-click install
npx skills add https://github.com/TOBIASpuchito/Citec --skill citec-bun-quality-tobiaspuchito
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: citec-bun-quality
Source: https://github.com/TOBIASpuchito/Citec/tree/main/citec-frontend/.codex/skills/citec-bun-quality
Command: npx skills add https://github.com/TOBIASpuchito/Citec --skill citec-bun-quality-tobiaspuchito

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? It removes guesswork about which Bun command to run and when, ensuring every change to the CITEC frontend is validated with the correct checks, builds, and QA steps before delivery. ## Core Features & Use Cases - Command Selection: Maps change types (TypeScript, Astro, UI, SEO, hydration) to the right Bun command such as check, build, or doctor. - Dependency Discipline: Enforces Bun-only package management and blocks unnecessary dependency additions. - Structured QA Order: Defines a sequence from static checks to production builds, hydration diagnosis, and visual or accessibility review. - Use Case: After editing an Astro route's props, run bun run check to validate types, then bun run build if the UI changed, and report any failed validation in the final response. ## Quick Start Use the citec-bun-quality skill to validate my recent Astro component changes with the correct Bun commands and report the results.

Frequently Asked Questions about citec-bun-quality

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I validate Astro and TypeScript changes with Bun?▼

Run `bun run check` after any TypeScript, Astro, route, prop, or integration change. It performs the static contract validation for the project before you move on to build or visual QA steps.

When should I run bun run build versus bun run check?▼

Run `bun run check` for type and integration changes, and `bun run build` after visible UI, SEO, sitemap, motion, or layout changes. The build step confirms production confidence beyond static checks.

Can I use npm or yarn instead of Bun for this project?▼

No, the project requires Bun for all commands and dependency work unless the user explicitly requests otherwise. Mixing package managers can cause lockfile and dependency inconsistencies.

What does bun run doctor diagnose in a React app?▼

It diagnoses React hydration issues, hooks problems, and client component behavior. Run it only when hydration or client-side behavior is suspect, not as part of routine validation.

When should OG images be regenerated?▼

Run `bun run generate:og` only when `public/og-image.png` or its source script intentionally changes. Regenerating OG assets otherwise wastes time and can introduce unintended diffs.

Related Skills

Explore More Software Engineering Skills→
agoodwayagoodway
1

bootstrap-astro

Bootstraps an Astro project with React, Tailwind, and Kamal deployment configuration.

Official
Intermediate
jerrywu001jerrywu001
6

canary

Detect post-deploy production regressions by monitoring a live URL for errors and performance changes.

Community
Advanced
j0KZj0KZ

mcp-workflow-composition

Compose multiple MCP tools into automated workflows with MCPPipeline.

Community
Advanced
magicpro97magicpro97
8

merge-when-green

Automatically merge GitHub pull requests after all required CI checks pass.

Community
Intermediate