Silk Design
bendrape1-byte/silk-design
Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop.
Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.
Install Antigravity Design Expert
$ npx skills add sickn33/agentic-awesome-skills --skill antigravity-design-expert -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install sickn33/agentic-awesome-skills antigravity-design-expert --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/antigravity-design-expert .claude/skills/antigravity-design-expert && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "antigravity-design-expert" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/antigravity-design-expert into .claude/skills/antigravity-design-expert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "antigravity-design-expert", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/antigravity-design-expertType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add sickn33/agentic-awesome-skills --skill antigravity-design-expert -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install sickn33/agentic-awesome-skills antigravity-design-expert --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/antigravity-design-expert .agents/skills/antigravity-design-expert && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "antigravity-design-expert" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/antigravity-design-expert into .agents/skills/antigravity-design-expert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "antigravity-design-expert", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add sickn33/agentic-awesome-skills --skill antigravity-design-expert -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install sickn33/agentic-awesome-skills antigravity-design-expert --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/antigravity-design-expert .cursor/skills/antigravity-design-expert && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "antigravity-design-expert" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/antigravity-design-expert into .cursor/skills/antigravity-design-expert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "antigravity-design-expert", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/sickn33/agentic-awesome-skills.git --path skills/antigravity-design-expert--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add sickn33/agentic-awesome-skills --skill antigravity-design-expert -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install sickn33/agentic-awesome-skills antigravity-design-expert --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/antigravity-design-expert .gemini/skills/antigravity-design-expert && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "antigravity-design-expert" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/antigravity-design-expert into .gemini/skills/antigravity-design-expert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "antigravity-design-expert", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install sickn33/agentic-awesome-skills antigravity-design-expertInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add sickn33/agentic-awesome-skills --skill antigravity-design-expert -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/antigravity-design-expert .github/skills/antigravity-design-expert && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "antigravity-design-expert" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/antigravity-design-expert into .github/skills/antigravity-design-expert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "antigravity-design-expert", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add sickn33/agentic-awesome-skills --skill antigravity-design-expert -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install sickn33/agentic-awesome-skills antigravity-design-expert --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/antigravity-design-expert .opencode/skills/antigravity-design-expert && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "antigravity-design-expert" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/antigravity-design-expert into .opencode/skills/antigravity-design-expert/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "antigravity-design-expert", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
antigravity-design-expert- GitHub stars
- 47k
- Used in
- 2 other repos
- Token cost
- ~868 tokens
- SKILL.md length
- 418 words
- Files
- 1
- Skills in repo
- 1,497
- Repo updated
- First seen
- Licence
- MIT
At a glance
Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.
- Tasks that involve Web animation and motion
- SKILL.md covers When to Use, 🎯 Role Overview, 🛠️ Preferred Tech Stack and 📐 Design Principles (The…, plus 4 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
- Tasks that involve Frontend development
What it does
Antigravity Design Expert is an agent skill from sickn33/agentic-awesome-skills. Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.
Its SKILL.md is about 870 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering Web animation and motion, Frontend development and UI design. It works with GSAP. The repository describes itself as: AAS Core is the local, agent-first control plane for complete catalog discovery, agent-owned selection, stack validation, and planning, backed by 2,400+ agentic skills. Includes… The licence is MIT.
When your agent uses it
- Tasks that involve Web animation and motion
- Tasks that involve Frontend development
- Tasks that involve UI design
Example prompts
- “/antigravity-design-expert”
What it can do on your machine
Read from SKILL.md and the folder at commit b84d35a. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Antigravity Design Expert loads about 868 tokens when it runs. Until then it costs about 43 tokens; SKILL.md has 418 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from sickn33/agentic-awesome-skills at commit b84d35a, republished under its MIT licence (© sickn33). 418 words, ~868 tokens.
Download SKILL.mdSave it as
.claude/skills/antigravity-design-expert/SKILL.md (or your agent's skills folder).- name
- antigravity-design-expert
- description
- Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.
- risk
- safe
- source
- community
- date_added
- 2026-03-07
Antigravity UI & Motion Design Expert
When to Use
- You are building a highly interactive web interface with spatial depth, glassmorphism, and motion-heavy UI.
- The design should lean on GSAP, 3D CSS transforms, or React-based 3D presentation patterns.
- You need a strong visual direction for dashboards, landing pages, or immersive product surfaces rather than a conventional flat UI.
🎯 Role Overview
You are a world-class UI/UX Engineer specializing in "Antigravity Design." Your primary skill is building highly interactive, spatial, and weightless web interfaces. You excel at creating isometric grids, floating elements, glassmorphism, and buttery-smooth scroll animations.
🛠️ Preferred Tech Stack
When asked to build or generate UI components, default to the following stack unless instructed otherwise:
- Framework: React / Next.js
- Styling: Tailwind CSS (for layout and utility) + Custom CSS for complex 3D transforms
- Animation: GSAP (GreenSock) + ScrollTrigger for scroll-linked motion
- 3D Elements: React Three Fiber (R3F) or CSS 3D Transforms (
rotateX,rotateY,perspective)
📐 Design Principles (The "Antigravity" Vibe)
- Weightlessness: UI cards and elements should appear to float. Use layered, soft, diffused drop-shadows (e.g.,
box-shadow: 0 20px 40px rgba(0,0,0,0.05)). - Spatial Depth: Utilize Z-axis layering. Backgrounds should feel deep, and foreground elements should pop out using CSS
perspective. - Glassmorphism: Use subtle translucency, background blur (
backdrop-filter: blur(12px)), and semi-transparent borders to create a glassy, premium feel. - Isometric Snapping: When building dashboards or card grids, use 3D CSS transforms to tilt them into an isometric perspective (e.g.,
transform: rotateX(60deg) rotateZ(-45deg)).
Show full SKILL.md (186 more words)Show less
🎬 Motion & Animation Rules
- Never snap instantly: All state changes (hover, focus, active) must have smooth transitions (minimum
0.3s ease-out). - Scroll Hijacking (Tasteful): Use GSAP ScrollTrigger to make elements float into view from the Y-axis with slight rotation as the user scrolls.
- Staggered Entrances: When a grid of cards loads, they should not appear all at once. Stagger their entrance animations by
0.1sso they drop in like dominoes. - Parallax: Background elements should move slower than foreground elements on scroll to enhance the 3D illusion.
🚧 Execution Constraints
- Always write modular, reusable components.
- Ensure all animations are disabled for users with
prefers-reduced-motion: reduce. - Prioritize performance: Use
will-change: transformfor animated elements to offload rendering to the GPU. Do not animate expensive properties likebox-shadoworfiltercontinuously.
Example
User request:
Build a highly interactive web interface with spatial depth, glassmorphism, and motion-heavy UI.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
© sickn33, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/antigravity-design-expert of sickn33/agentic-awesome-skills.
Open the folder on GitHubat commit b84d35a
Used in 2 other repositories
We found 11 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 2 other GitHub owners. This page covers the copy in sickn33/agentic-awesome-skills, which our catalogue first saw on October 7, 2026.
- lingxling/awesome-skills-cnantigravity-awesome-skills/skills/antigravity-design-expertantigravity-awesome-skills/plugins/agentic-awesome-skills/skills/antigravity-design-expert+1 more
- henryalouf/ruflow.agents/skills/antigravity-design-expert.agents/skills/antigravity-awesome-skills/skills/antigravity-design-expert+4 more
Compare with similar skills
Antigravity Design Expert next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Antigravity Design Expert this skillsickn33/agentic-awesome-skills | 47k | 2 repos | ~868 | Automated safety check: Pass | MIT | |
| Silk Designbendrape1-byte/silk-design | 138 | — | ~1.8k | Automated safety check: Pass | MIT | |
| UI UX Pro MaxOhh-889/skyroc | 795 | 6 repos | ~14k | Automated safety check: Pass | MIT | |
| Barba.js Page Transitionsfreshtechbro/claudedesignskills | 1k | — | ~4.9k | Automated safety check: Pass | MIT | |
| GSAP in Vue, Nuxt and Sveltegreensock/gsap-skills | 16k | 3 repos | ~2.6k | Automated safety check: Pass | MIT | |
| GSAP ScrollTriggergreensock/gsap-skills | 16k | 4 repos | ~4.6k | Automated safety check: Pass | MIT |
Similar skills
UI UX Pro Max
Ohh-889/skyroc
UI/UX design intelligence for web, mobile, and desktop. An agent skill from Ohh-889/skyroc.
Barba.js Page Transitions
freshtechbro/claudedesignskills
Adds animated page transitions to multi-page sites with Barba.js, covering the wrapper and container markup, lifecycle hooks, views and GSAP integration.
GSAP in Vue, Nuxt and Svelte
greensock/gsap-skills
Shows how to use GSAP in Vue, Nuxt, Svelte and other lifecycle-based frameworks: create after mount, scope selectors to the component, and revert on unmount.
GSAP ScrollTrigger
greensock/gsap-skills
Teaches an agent how to wire up GSAP's ScrollTrigger plugin for scroll-linked animation, pinned sections and scrub, including the start and end position syntax.
GSAP Core Animation
greensock/gsap-skills
Covers the GSAP core API for tweens, easing, staggers, defaults and matchMedia, and when to choose GSAP over CSS animations or other JavaScript animation libraries.
More from sickn33/agentic-awesome-skills
All 1,497 skills in this repoLiuguang Banlan UI
sickn33/agentic-awesome-skills
Implements an interface in one of two named color modes, iridescent white or colorful black, from a parameterized starter that reports measured color intensity.
User Thoughts Memory
sickn33/agentic-awesome-skills
Saves a user's project decisions, rules and preferences into a project-local mdbase so later sessions and other agents can recover the intent.
Using LWC Memory and Graphs
sickn33/agentic-awesome-skills
Keeps project decisions, research and verified results available across coding-agent sessions through LWC memory, a document Wiki graph and a CodeGraph code index.
Find Complementary Founders
sickn33/agentic-awesome-skills
Guides an agent through assessing its own owner for cofounder fit, publishing an approved profile, and ranking complementary profiles other agents published for their owners.
Whatsapp Cloud API
sickn33/agentic-awesome-skills
Integracao com WhatsApp Business Cloud API (Meta). An agent skill from sickn33/agentic-awesome-skills.
Cline Pilot
sickn33/agentic-awesome-skills
Acts as a proxy for the Cline CLI, dispatching coding tasks one at a time, monitoring runs by hard evidence, relaying decisions to you and learning per-project preferences.
Related
Works with
Categories
Questions about Antigravity Design Expert
What does Antigravity Design Expert do?
Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS. Antigravity Design Expert is an agent skill from sickn33/agentic-awesome-skills. Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.
When should I use Antigravity Design Expert?
Antigravity Design Expert fits situations like: tasks that involve Web animation and motion; tasks that involve Frontend development; tasks that involve UI design.
How do I install Antigravity Design Expert in Claude Code?
Run `npx skills add sickn33/agentic-awesome-skills --skill antigravity-design-expert -a claude-code`. Or copy the skill folder (skills/antigravity-design-expert in sickn33/agentic-awesome-skills) into .claude/skills/antigravity-design-expert in your project. Claude Code loads it when a task matches its description.
How do I install Antigravity Design Expert in Codex?
Run `npx skills add sickn33/agentic-awesome-skills --skill antigravity-design-expert -a codex`. Or copy the skill folder (skills/antigravity-design-expert in sickn33/agentic-awesome-skills) into .agents/skills/antigravity-design-expert in your project. Codex loads it when a task matches its description.
Can I use Antigravity Design Expert in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add sickn33/agentic-awesome-skills --skill antigravity-design-expert -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/antigravity-design-expert, .gemini/skills/antigravity-design-expert, .github/skills/antigravity-design-expert and .opencode/skills/antigravity-design-expert in your project.
What does Antigravity Design Expert need to run?
SKILL.md names no scripts, command-line tools or credentials: Antigravity Design Expert is instructions for the agent only.
Does Antigravity Design Expert access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Antigravity Design Expert safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Antigravity Design Expert use?
Antigravity Design Expert is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Antigravity Design Expert use?
About 868 tokens (SKILL.md is roughly 3.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Antigravity Design Expert?
Skills that share tags, products or a category with Antigravity Design Expert: Silk Design (bendrape1-byte/silk-design, 138 stars), UI UX Pro Max (Ohh-889/skyroc, 795 stars), Barba.js Page Transitions (freshtechbro/claudedesignskills, 1k stars) and GSAP in Vue, Nuxt and Svelte (greensock/gsap-skills, 16k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Antigravity Design Expert?
sickn33 (a GitHub user) maintains it in sickn33/agentic-awesome-skills, which has 47,405 GitHub stars. The repository holds 1,497 skills in this directory. The repository was last updated on October 9, 2026.
Source: sickn33/agentic-awesome-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.