bfree
Official@bfree-trainer · Italy
bfree trainer app
Agent Skills by bfree
Showing 21 vetted skills indexed across 1 GitHub repositories.
bfree-traineranimate
Add animations and micro-interactions to React frontends with reduced-motion fallbacks.
bfree-trainerquieter
Desaturate colors, reduce font weights, and increase whitespace in UI designs.
bfree-traineroptimize
Identifies and fixes web UI performance issues using LCP, FID, and CLS targets.
bfree-traineradapt
Adapts UI/UX designs across screen sizes using responsive techniques like CSS Grid and container queries.
bfree-trainerclarify
Rewrite unclear UI copy to reduce jargon and ambiguity.
bfree-trainerdistill
Simplify product and interface designs by removing unnecessary elements and visual noise.
bfree-trainerdelight
Add subtle animations and copy to UI states for memorable interactions.
bfree-trainerteach-impeccable
Capture project design context and persist it to AI configuration.
bfree-traineronboard
Design onboarding flows with progressive disclosure and analytics tracking.
bfree-trainernormalize
Audit and realign UI components to match design system tokens and patterns.
bfree-traineraudit
Run frontend quality audits across accessibility, performance, theming, and responsive design.
bfree-trainerharden
Harden web UI components against edge cases and runtime failures.
bfree-trainerpolish
Fix visual alignment, spacing, copy, and interaction states across UI components.
bfree-trainerextract
Extract reusable UI components, design tokens, and layout patterns from frontend codebases.
bfree-trainerbolder
Amplify safe designs with bolder typography, color, and layout.
bfree-trainerfrontend-design
Create production-grade frontend interfaces with accessibility and performance standards.
bfree-trainerarrange
Diagnose spacing and grid issues to produce a spacing scale and layout approach.
bfree-trainertypeset
Assess typography and implement font, hierarchy, sizing, and readability changes.
bfree-trainercritique
Generate structured UX critiques with health scores and anti-patterns.
bfree-trainercolorize
Apply a 2-4 color palette to UI designs for semantic color mapping.
bfree-traineroverdrive
Enhance web interfaces with GPU-accelerated animations and virtual scrolling.
Frequently Asked Questions About bfree
FAQPage SchemaWhat specific frontend tasks can I perform using these capabilities?▼
You can execute comprehensive frontend audits, normalize UI components against design tokens, optimize Core Web Vitals, implement responsive CSS Grid layouts, and enhance interface performance through GPU-accelerated animations and virtual scrolling techniques.
Which engineering personas benefit most from these capabilities?▼
Frontend engineers, UI developers, and design system architects benefit most. These capabilities are designed for professionals responsible for maintaining production-grade interfaces, ensuring cross-device responsiveness, and enforcing strict accessibility and performance standards across complex web applications.
What are the prerequisites for integrating these design and performance capabilities?▼
Integration requires an existing React-based frontend codebase and a defined design system. Users should have access to their project's component library and CSS architecture to effectively apply normalization, audit, and optimization routines.