xbg.solutions
Official@xbg-solutions
Offers specialized engineering frameworks for SvelteKit 5, Tailwind CSS v4, and Firebase-backed enterprise frontend architecture and design systems.
Agent Skills by xbg.solutions
Showing 36 vetted skills indexed across 1 GitHub repositories.
xbg-solutionssveltekit-svelte5-tailwind-skill
Integrate SvelteKit 2, Svelte 5 runes, and Tailwind CSS v4 into a unified workflow.
xbg-solutionsimpeccable
Catalog 21 frontend design sub-skills for AI-assisted workflows.
xbg-solutionsfirebase
Automate Firebase development guidance for auth, Firestore, hosting, and functions.
xbg-solutionsbpsk
Bootstrap SvelteKit projects with RBAC, Firebase, and registry-driven components.
xbg-solutionsshadcn-svelte
Configure shadcn-svelte components and registries in SvelteKit projects.
xbg-solutionsanimate
Plan animations and micro-interactions for UI features with reduced-motion support.
xbg-solutionsquieter
Desaturate colors, adjust typography, spacing, and motion in UI designs.
xbg-solutionsoptimize
Diagnose and fix UI performance bottlenecks across loading, rendering, and animation.
xbg-solutionsadapt
Adapt designs across screen sizes, devices, contexts, or platforms.
xbg-solutionsclarify
Rewrite unclear UX copy and labels in web and mobile interfaces.
xbg-solutionsdistill
Remove unnecessary elements from UI designs while preserving functionality.
xbg-solutionsdelight
Identify micro-interaction and copy opportunities that add delight to functional interfaces.
xbg-solutionsteach-impeccable
Identify and document design context, then persist it to the AI config.
xbg-solutionsonboard
Design onboarding flows, empty states, and first-run experiences.
xbg-solutionsnormalize
Audit and realign UI components to design system tokens and spacing standards.
xbg-solutionsaudit
Audit frontend codebases for accessibility, performance, theming, and responsive design issues.
xbg-solutionsharden
Harden web UI components against edge cases, errors, and i18n issues.
xbg-solutionspolish
Fixes alignment, spacing, and consistency issues in near-final designs.
xbg-solutionsextract
Identify reusable UI patterns and plan their extraction into a design system.
xbg-solutionsbolder
Amplify visual impact in designs with typography, color, spacing, and motion guidelines.
xbg-solutionsfrontend-design
Generate reusable frontend components with production-ready code.
xbg-solutionsarrange
Assess UI spacing, rhythm, and hierarchy and deliver layout adjustments.
xbg-solutionstypeset
Creates modular type scales and semantic color tokens for UI typography consistency and accessibility.
xbg-solutionscritique
Evaluate UX design quality with structured critique and design-health scoring.
Frequently Asked Questions About xbg.solutions
FAQPage SchemaWhat specific tasks can developers perform using these skills?▼
Developers can provision Firestore Enterprise Native Mode, configure Firebase Authentication providers, implement GPU-accelerated UI transitions, and standardize SvelteKit project configurations using modular type scales and semantic color tokens.
Which target personas benefit most from these technical capabilities?▼
Frontend engineers, UI architects, and full-stack developers focused on building scalable web interfaces benefit from these structured design system patterns and standardized Firebase deployment configurations.
What are the prerequisites for implementing these project configurations?▼
Implementation requires a Node.js environment, an active Firebase project, and familiarity with SvelteKit 2 and Svelte 5 runes syntax for managing reactive state and component lifecycle.