Individual skill
forge
Forge design system for React. Use when writing any React UI in this project, when picking which component to use, when theming, when creating block templates, or when reviewing UI code for accessibility and anti-patterns. Covers components, tokens, theming, motion, patterns, a11y, and anti-patterns.
skills/forge/SKILL.md
Source commit 7572eb82ca22a9cf4407e16743a32a5c28d43533
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- Yes
- Skill scan complete
- Yes
- Observed behavior
- Instructions only
- Last checked
- Nov 6, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
Claude Code
Destination .claude/skills/forge
(
set -euo pipefail
destination='./.claude/skills/forge'
if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
work=$(mktemp -d)
trap 'rm -rf -- "$work"' EXIT
git clone --filter=blob:none --no-checkout -- 'https://github.com/Webba-Creative-Technologies/forge.git' "$work/repo"
git -C "$work/repo" checkout --detach 7572eb82ca22a9cf4407e16743a32a5c28d43533
git -C "$work/repo" archive --format=tar '7572eb82ca22a9cf4407e16743a32a5c28d43533:skills/forge' > "$work/skill.tar"
mkdir -p -- './.claude/skills'
mkdir -- "$destination"
tar -xf "$work/skill.tar" -C "$destination"
)Codex
Destination .agents/skills/forge
(
set -euo pipefail
destination='./.agents/skills/forge'
if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
work=$(mktemp -d)
trap 'rm -rf -- "$work"' EXIT
git clone --filter=blob:none --no-checkout -- 'https://github.com/Webba-Creative-Technologies/forge.git' "$work/repo"
git -C "$work/repo" checkout --detach 7572eb82ca22a9cf4407e16743a32a5c28d43533
git -C "$work/repo" archive --format=tar '7572eb82ca22a9cf4407e16743a32a5c28d43533:skills/forge' > "$work/skill.tar"
mkdir -p -- './.agents/skills'
mkdir -- "$destination"
tar -xf "$work/skill.tar" -C "$destination"
)Cursor
Destination .cursor/skills/forge
(
set -euo pipefail
destination='./.cursor/skills/forge'
if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
work=$(mktemp -d)
trap 'rm -rf -- "$work"' EXIT
git clone --filter=blob:none --no-checkout -- 'https://github.com/Webba-Creative-Technologies/forge.git' "$work/repo"
git -C "$work/repo" checkout --detach 7572eb82ca22a9cf4407e16743a32a5c28d43533
git -C "$work/repo" archive --format=tar '7572eb82ca22a9cf4407e16743a32a5c28d43533:skills/forge' > "$work/skill.tar"
mkdir -p -- './.cursor/skills'
mkdir -- "$destination"
tar -xf "$work/skill.tar" -C "$destination"
)Gemini CLI
Destination .gemini/skills/forge
(
set -euo pipefail
destination='./.gemini/skills/forge'
if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
work=$(mktemp -d)
trap 'rm -rf -- "$work"' EXIT
git clone --filter=blob:none --no-checkout -- 'https://github.com/Webba-Creative-Technologies/forge.git' "$work/repo"
git -C "$work/repo" checkout --detach 7572eb82ca22a9cf4407e16743a32a5c28d43533
git -C "$work/repo" archive --format=tar '7572eb82ca22a9cf4407e16743a32a5c28d43533:skills/forge' > "$work/skill.tar"
mkdir -p -- './.gemini/skills'
mkdir -- "$destination"
tar -xf "$work/skill.tar" -C "$destination"
)GitHub Copilot
Destination .github/skills/forge
(
set -euo pipefail
destination='./.github/skills/forge'
if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
work=$(mktemp -d)
trap 'rm -rf -- "$work"' EXIT
git clone --filter=blob:none --no-checkout -- 'https://github.com/Webba-Creative-Technologies/forge.git' "$work/repo"
git -C "$work/repo" checkout --detach 7572eb82ca22a9cf4407e16743a32a5c28d43533
git -C "$work/repo" archive --format=tar '7572eb82ca22a9cf4407e16743a32a5c28d43533:skills/forge' > "$work/skill.tar"
mkdir -p -- './.github/skills'
mkdir -- "$destination"
tar -xf "$work/skill.tar" -C "$destination"
)OpenCode
Destination .opencode/skills/forge
(
set -euo pipefail
destination='./.opencode/skills/forge'
if [ -e "$destination" ] || [ -L "$destination" ]; then printf '%s\n' 'Destination already exists; nothing overwritten.' >&2; exit 1; fi
work=$(mktemp -d)
trap 'rm -rf -- "$work"' EXIT
git clone --filter=blob:none --no-checkout -- 'https://github.com/Webba-Creative-Technologies/forge.git' "$work/repo"
git -C "$work/repo" checkout --detach 7572eb82ca22a9cf4407e16743a32a5c28d43533
git -C "$work/repo" archive --format=tar '7572eb82ca22a9cf4407e16743a32a5c28d43533:skills/forge' > "$work/skill.tar"
mkdir -p -- './.opencode/skills'
mkdir -- "$destination"
tar -xf "$work/skill.tar" -C "$destination"
)Repository context
- Repository stars (not skill ratings)
- 19
- Repository last updated
- May 17, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- design Repository topic
- ui Repository topic
- ui-components Repository topic
- uikit Repository topic
- ux-design Repository topic
- base-ui Repository topic
- react Repository topic
- vitejs Repository topic
- webba Repository topic
- claude Repository topic
- design Derived category
- writing Derived category
- engineering Derived category
- design-interface Derived category
- engineering-web Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 9,779 bytesa11y.mddoc · 5,619 bytesanti-patterns.mddoc · 35,355 bytescomponents.mddoc · 69,237 bytesdesign.mddoc · 32,900 bytesfaq.mddoc · 6,958 bytesgetting-started.mddoc · 4,855 bytesmigration.mddoc · 5,685 bytesmotion.mddoc · 12,807 bytespatterns.mddoc · 40,740 bytestheming.mddoc · 6,710 bytestokens.mddoc · 7,461 bytes
Read excerpt
# Forge Design System
Forge is a React component library that ships as `wss3-forge`. Every UI concern (layout, forms, overlays, data display, charts, motion) is covered by a component. All colors, spacing, radius, shadows, and motion live in CSS variables injected by `ForgeProvider`.
**Decision rule:** if the task changes what the user sees, touches, or waits for, load this skill.
## Find by task
Lookup table for the most common requests. Jump straight to the relevant anchor.
| If you're trying to | Read | Skip ahead |
|---|---|---|
| Build a login screen | patterns.md | [#auth](patterns.md#auth) |
| Build signup or forgot-password | patterns.md | [#auth-forgot](patterns.md#auth-forgot) |