Menu

Individual skill

hyperplasma

0upvotes

Ask the user which visual design style, font pairing, and animation set to use before designing or building any website, landing page, dashboard, web app, portfolio, or UI, and describe each option so they can choose. Use this skill whenever the user asks to build, design, redesign, mock up, or restyle a site or interface and has NOT already named a style, fonts, or animations. Also use when they say "pick a style", "what design should I use", "give me design options", "which fonts", "font pairing", "which animations", "add motion", "glassmorphism or something else", or want to browse aesthetics, typography, or transitions. Contains 301 UI design styles, 400 heading+body font pairings, and 500 animations/transitions (Framer Motion, GSAP, CSS, Three.js/R3F, shaders), each with a one-line description.

skills/hyperplasma/SKILL.md

Read pinned source

Source commit ed91bc19ad6bb5897fa08178d99a07fd7081ccb1

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 11, 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/hyperplasma

( set -euo pipefail destination='./.claude/skills/hyperplasma' 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/gaur-avvv/HyperPlasma-Skills.git' "$work/repo" git -C "$work/repo" checkout --detach ed91bc19ad6bb5897fa08178d99a07fd7081ccb1 git -C "$work/repo" archive --format=tar 'ed91bc19ad6bb5897fa08178d99a07fd7081ccb1:skills/hyperplasma' > "$work/skill.tar" mkdir -p -- './.claude/skills' mkdir -- "$destination" tar -xf "$work/skill.tar" -C "$destination" )
Codex

Destination .agents/skills/hyperplasma

( set -euo pipefail destination='./.agents/skills/hyperplasma' 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/gaur-avvv/HyperPlasma-Skills.git' "$work/repo" git -C "$work/repo" checkout --detach ed91bc19ad6bb5897fa08178d99a07fd7081ccb1 git -C "$work/repo" archive --format=tar 'ed91bc19ad6bb5897fa08178d99a07fd7081ccb1:skills/hyperplasma' > "$work/skill.tar" mkdir -p -- './.agents/skills' mkdir -- "$destination" tar -xf "$work/skill.tar" -C "$destination" )
Cursor

Destination .cursor/skills/hyperplasma

( set -euo pipefail destination='./.cursor/skills/hyperplasma' 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/gaur-avvv/HyperPlasma-Skills.git' "$work/repo" git -C "$work/repo" checkout --detach ed91bc19ad6bb5897fa08178d99a07fd7081ccb1 git -C "$work/repo" archive --format=tar 'ed91bc19ad6bb5897fa08178d99a07fd7081ccb1:skills/hyperplasma' > "$work/skill.tar" mkdir -p -- './.cursor/skills' mkdir -- "$destination" tar -xf "$work/skill.tar" -C "$destination" )
Gemini CLI

Destination .gemini/skills/hyperplasma

( set -euo pipefail destination='./.gemini/skills/hyperplasma' 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/gaur-avvv/HyperPlasma-Skills.git' "$work/repo" git -C "$work/repo" checkout --detach ed91bc19ad6bb5897fa08178d99a07fd7081ccb1 git -C "$work/repo" archive --format=tar 'ed91bc19ad6bb5897fa08178d99a07fd7081ccb1:skills/hyperplasma' > "$work/skill.tar" mkdir -p -- './.gemini/skills' mkdir -- "$destination" tar -xf "$work/skill.tar" -C "$destination" )
GitHub Copilot

Destination .github/skills/hyperplasma

( set -euo pipefail destination='./.github/skills/hyperplasma' 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/gaur-avvv/HyperPlasma-Skills.git' "$work/repo" git -C "$work/repo" checkout --detach ed91bc19ad6bb5897fa08178d99a07fd7081ccb1 git -C "$work/repo" archive --format=tar 'ed91bc19ad6bb5897fa08178d99a07fd7081ccb1:skills/hyperplasma' > "$work/skill.tar" mkdir -p -- './.github/skills' mkdir -- "$destination" tar -xf "$work/skill.tar" -C "$destination" )
OpenCode

Destination .opencode/skills/hyperplasma

( set -euo pipefail destination='./.opencode/skills/hyperplasma' 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/gaur-avvv/HyperPlasma-Skills.git' "$work/repo" git -C "$work/repo" checkout --detach ed91bc19ad6bb5897fa08178d99a07fd7081ccb1 git -C "$work/repo" archive --format=tar 'ed91bc19ad6bb5897fa08178d99a07fd7081ccb1:skills/hyperplasma' > "$work/skill.tar" mkdir -p -- './.opencode/skills' mkdir -- "$destination" tar -xf "$work/skill.tar" -C "$destination" )

Repository context

Repository stars (not skill ratings)
11
Repository last updated
Oct 16, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# HYPERPLASMA: Style, Font and Motion Picker

Before writing any HTML/CSS/JS/React for a new site or UI, help the user choose three things in order: **visual style -> font pairing -> animations**. Never silently default to "clean modern SaaS with Inter and fade-ins". The user wants to be asked, with a short description of every option.

## When NOT to run
- The user already named style, fonts, or animations: confirm in one line and skip that step.
- The user is only fixing a bug or changing content in an existing design.
- A design system or brand guide already exists in the project: follow it.

## Workflow

### Step 0: Detect the stack (silent)
Check the project for `package.json` / framework files. Note: React + Framer Motion, Next.js + GSAP, Three.js/R3F, Vue/Svelte, or plain HTML/CSS. Use this in Step 4. Ask only if there is no project and the user hasn't said.
Back to top