react-bits
Source pre-built, animated, customizable React components from React Bits (reactbits.dev — 130+ animated text, backgrounds, UI components & creative tools)…
Skill by iamnolanhu
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/iamnolanhu-react-bits
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, productivity
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/react-bits
What's inside
- Skill name
react-bits- Description
- Source pre-built, animated, customizable React components from React Bits (reactbits.dev — 130+ animated text, backgrounds, UI components & creative tools) instead of authoring motion-heavy UI from scratch. Auto-invoke alongside design-taste and ui-ux-pro-max whenever a UI task in a React/Next.js project calls for animated text, animated backgrounds, scroll/hover/cursor effects, or a polished interactive component (carousel, dock, bento, nav, gallery, card). Skip for non-React stacks or when the design system already supplies the component.
- License
- unknown
- Instructions
- 92 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from iamnolanhu/claude-dotfiles
- 0.497score
context-dump
iamnolanhu
Capture all open browser tabs (Safari, Chrome, Arc, Brave, Edge) into a dated, insightfully-organized markdown file at…
SkillCFreshness: C★ 1Claude Code +9 - 0.493score
responsive-audit
iamnolanhu
Use when running a mobile/responsive audit on any web app — captures every page at iPhone SE / iPhone 13 / iPad / Desktop via agent-browser, runs an in-page…
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
feature-gap-audit
iamnolanhu
Compare the current state of a project against reference projects (predecessor versions, related open-source, internal in-flight branches) to surface missing…
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
color-strategy
iamnolanhu
Strategic color distribution for UI work.
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
design-taste
iamnolanhu
Use whenever building, modifying, or reviewing UI — React components, pages, layouts, CSS, animations, micro-interactions, or design system work.
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
scrapegraph
iamnolanhu
LLM-powered web scraping — extract structured data from a URL/page using a plain-language prompt, or answer a question by searching the web.
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
uiverse
iamnolanhu
Source small, copy-paste UI elements from Uiverse (uiverse.io — the largest open-source UI library, 7000+ community elements as HTML/CSS, Tailwind, React, or…
SkillCFreshness: C★ 1Claude Code +9 - 0.489score
explore-plan-code-test
iamnolanhu
Structured development workflow using Explore, Plan, Code, Test phases.
SkillCFreshness: C★ 1Claude Code +9 - 0.488score
getting-started
iamnolanhu
Onboarding router for new users of this toolkit.
SkillCFreshness: C★ 1Claude Code +9 - 0.486score
review-changes
iamnolanhu
Review uncommitted git changes for bugs, security issues, and quality before committing
SkillCFreshness: C★ 1Claude Code +9 - 0.486score
reflection
iamnolanhu
Analyze Claude Code configuration and suggest improvements based on chat history
SkillCFreshness: C★ 1Claude Code +9 - 0.486score
verify
iamnolanhu
Full verification loop - typecheck, test, lint, build.
SkillCFreshness: C★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 2
- Open issues
- 0
- Last commit (this folder)
- Jun 26, 2026 (4 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/iamnolanhu/claude-dotfiles
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from iamnolanhu
- 0.497score
context-dump
iamnolanhu
Capture all open browser tabs (Safari, Chrome, Arc, Brave, Edge) into a dated, insightfully-organized markdown file at…
SkillCFreshness: C★ 1Claude Code +9 - 0.493score
responsive-audit
iamnolanhu
Use when running a mobile/responsive audit on any web app — captures every page at iPhone SE / iPhone 13 / iPad / Desktop via agent-browser, runs an in-page…
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
design-taste
iamnolanhu
Use whenever building, modifying, or reviewing UI — React components, pages, layouts, CSS, animations, micro-interactions, or design system work.
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
feature-gap-audit
iamnolanhu
Compare the current state of a project against reference projects (predecessor versions, related open-source, internal in-flight branches) to surface missing…
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
color-strategy
iamnolanhu
Strategic color distribution for UI work.
SkillCFreshness: C★ 1Claude Code +9 - 0.492score
scrapegraph
iamnolanhu
LLM-powered web scraping — extract structured data from a URL/page using a plain-language prompt, or answer a question by searching the web.
SkillCFreshness: C★ 1Claude Code +9
Cite this page
react-bits skill. Agent Mart. https://agentmart.dev/skills/iamnolanhu-react-bits (last updated 2026-10-24)