القائمة
110+ free animated React components for text, backgrounds, UI. Includes Background Studio, Shape Magic, Texture Lab. Use when building visually engaging interfaces. Don't use for non-React projects.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Machine learning model training with HuggingFace. Fine-tuning LLMs, dataset creation, GPU selection, training monitoring. Use for training custom models. Don't use for using pre-trained models via API.
Estimates project cost at market rates. Scans codebase, counts APIs, integrations, and complexity. Shows what the project would cost without AI. Use for pitches and ROI demonstrations.
Marketing and conversion optimization. Landing page CRO, copywriting, positioning, GTM strategy, A/B testing. Don't use for product development or technical decisions.
Product management frameworks. PRD writing, user stories, OKRs, roadmap, TAM/SAM/SOM analysis, competitive research. Don't use for technical implementation.
Scraping specific platforms with ready connectors. Google Maps businesses, Twitter trends, YouTube subtitles, Instagram/TikTok content. Use for platform-specific data collection.
Data analysis from external services. Connects to Google Sheets, Notion, HubSpot via Composio. Builds charts, runs queries, generates insights. Don't use for database queries.
| name | react-bits |
| description | 110+ free animated React components for text, backgrounds, UI. Includes Background Studio, Shape Magic, Texture Lab. Use when building visually engaging interfaces. Don't use for non-React projects. |
| user-invocable | false |
| model | sonnet |
| effort | medium |
| paths | **/*.tsx,**/*.jsx |
npm install react-bits
Documentation: https://github.com/DavidHDev/react-bits When building UI, check react-bits for existing animated components before creating custom animations.