component-builder

Name: component-builder
Rating: 8.4 (9 reviews)
Author: okgoogle13

by okgoogle1310GitHub

Generates React components using Material Design 3 tokens and MUI primitives. Enforces strict token usage, accessibility standards, and TypeScript best practices. Handles missing tokens with fallbacks and warnings.

Unlock Deep Analysis

Use AI to visualize the workflow and generate a realistic output preview for this skill.

Target Audience

React developers building Material Design 3 applications who need consistent token-aware components

10/10Security

Low security risk, safe to use

Clarity

Practicality

Quality

Maintainability

Innovation

Frontend

react-componentsmaterial-designdesign-tokenscode-generationui-engineering

Compatible Agents

Claude Code

~/.claude/skills/

Codex CLI

~/.codex/skills/

Gemini CLI

~/.gemini/skills/

OpenCode

~/.opencode/skills/

OpenClaw

~/.openclaw/skills/

GitHub Copilot

~/.copilot/skills/

Cursor

~/.cursor/skills/

Windsurf

~/.codeium/windsurf/skills/

Cline

~/.cline/skills/

Roo Code

~/.roo/skills/

Kiro

~/.kiro/skills/

Junie

~/.junie/skills/

Augment Code

~/.augment/skills/

Warp

~/.warp/skills/

Goose

~/.config/goose/skills/

SKILL.md

Source: https://github.com/okgoogle13/careercopilot#.claude~skills~_legacy_archive~component-builder

Content curated from original sources, copyright belongs to authors

Grade A

8.4AI Score

Best Practices

Checking...

Try this Skill

User Rating

USER RATING

0UP

0DOWN

Loading files...

WORKS WITH

Claude

Codex

Gemini