abzhaw/antigravity-frontend-dev
.agent/skills/antigravity-frontend-dev/SKILL.md
Antigravity/Claude specific skill for continuous frontend UI/UX improvement and development in the Juliaz Agents project.
development
Updated Mar 27, 2026
$ install --global
skillsauthnpx skillsauth add abzhaw/juliaz_agents antigravity-frontend-devInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Mar 30, 2026, 11:47 AM56.9s1 file scanned
SKILL.md
- name:
- antigravity-frontend-dev
- description:
- Antigravity/Claude specific skill for continuous frontend UI/UX improvement and development in the Juliaz Agents project.
Antigravity Frontend Development Skill
Target System: Next.js Frontend for Juliaz Agents (/frontend)
Assignee: Antigravity / Claude Code (Do NOT assign to Julia)
Objectives
- Continuous Improvement: Constantly evaluate and improve the User and Dev side frontends.
- Simplified User Experience: Maintain the User frontend (
/) as a simplified, visually stunning interface focused on a "floating energy" chatbot entity. - Advanced Dev Operations: Maintain the Dev frontend (
/dev) as a comprehensive dashboard for tracking agent status, tokens, chat history, and logs without clutter ("active objectives" removed). - Modern Stack: Utilize Next.js, Tailwind CSS, and Framer Motion for rich interactions and animations.
Workflow & Constraints
- Always ensure
app/page.tsxrepresents the User side andapp/dev/page.tsxrepresents the Dev side. - Use the
generate_imageor WebP generation tools if requested to design new UI mockups before implementing them. - Avoid modifying backend logic unless necessary for the frontend feature being implemented.
- The User side entity should be designed using purely CSS animations (e.g.,
animate-pulse,blur,spin) or Framer Motion to resemble an invisible, floating core of energy. Minimal text and no complex dashboards on this route.
Actions to Take Proactively
- If the user asks you to "improve the frontend" or "make the UI better", first review
frontend/app/globals.css, layout files, and the current components. - Suggest high-end aesthetics: glassmorphism, responsive grids, dark modes, and subtle micro-animations.
- Use
tailwind.config.tsfor consistent styling.
Command Execution
When running Next.js locally, always use:
npm run dev --prefix frontend
Related Skills
abzhaw/thesis-tracker
development
VerifiedTrustedCommunity
Fortschrittsverfolgung der Masterarbeit. Wortanzahl pro Kapitel, Fertigstellungsgrad, fehlende Elemente, Deadlines. Haelt den Ueberblick.
SKILL.mdUpdated Mar 27, 2026
abzhaw/thesis-structure
development
VerifiedTrustedCommunity
Kapitelarchitektur und Gliederung der Masterarbeit. Verwaltet die Struktur, schlaegt vor wo Inhalte hingehoeren, validiert den logischen Fluss zwischen Kapiteln.
SKILL.mdUpdated Mar 27, 2026
abzhaw/session-synthesizer
tools
VerifiedTrustedCommunity
Konvertiert Protokolleinträge und Session-Logs in thesis-fähiges deutsches Narrativ. Transformiert Entwicklungsdokumentation in akademische Prosa.
SKILL.mdUpdated Mar 27, 2026
abzhaw/research-scout
research
VerifiedTrustedCommunity
Sucht und analysiert akademische Literatur. Findet relevante Papers, erstellt strukturierte Zusammenfassungen. Zitiert NIEMALS — schlaegt nur vor.
SKILL.mdUpdated Mar 27, 2026