O.G.Gideon
Community@Gito125 · Kampala, Uganda
Engineer in progress, blending software, electronics, and robotics. Focused on systems, automation, and AI tools. Always learning, building, and improving.
Agent Skills by O.G.Gideon
Showing 33 vetted skills indexed across 1 GitHub repositories.
animate
Adds purposeful animations, micro-interactions, and motion effects to UI features using CSS and JavaScript.
quieter
Reduces visual intensity in designs by refining color, typography, motion, and composition.
shape
Plans UX and UI direction through a structured discovery interview and design brief.
optimize
Diagnoses and fixes UI performance issues across loading, rendering, animations, and bundle size.
adapt
Adapts designs across screen sizes, devices, and platforms using breakpoints and fluid layouts.
impeccable
Generates production-grade frontend interfaces with distinctive design direction and anti-generic aesthetic rules.
full-output-enforcement
Enforces complete code generation by banning placeholder patterns and truncation in LLM outputs.
gsap-plugins
Implements GSAP plugin registration and usage for scroll, flip, drag, SVG, text, and physics animations.
clarify
Rewrites unclear UX copy, error messages, labels, and microcopy for clearer interfaces.
layout
Improves layout, spacing, and visual hierarchy in web interfaces using systematic design principles.
gsap-timeline
Sequences GSAP tweens into timelines using position parameters, labels, and nesting.
gsap-scrolltrigger
Implements scroll-linked animations, pinning, and scrubbing with GSAP ScrollTrigger.
gsap-performance
Optimizes GSAP animations for smooth 60fps rendering using transforms, batching, and will-change.
gsap-core
Implements GSAP core tweens, eases, staggers, and matchMedia for DOM and SVG animation.
stitch-design-taste
Generates DESIGN.md files that enforce premium UI standards for Google Stitch screen generation.
distill
Simplify UI designs by removing unnecessary elements, visual noise, and redundant content.
gsap-utils
Applies GSAP utility functions for clamping, mapping, snapping, and randomizing animation values.
delight
Add micro-interactions, animations, and personality to user interfaces.
industrial-brutalist-ui
Generates brutalist web interfaces combining Swiss typography with military terminal aesthetics.
gsap-frameworks
Implements GSAP animations in Vue and Svelte with lifecycle-safe creation and cleanup.
audit
Runs technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns.
polish
Reviews and fixes alignment, spacing, interaction states, and consistency issues before shipping UI work.
design-taste-frontend
Generates React and Next.js interfaces enforcing anti-generic design rules and motion patterns.
bolder
Amplify generic or safe designs with bolder typography, color, layout, and motion.
Frequently Asked Questions About O.G.Gideon
FAQPage SchemaWhat tasks can I accomplish with O.G.Gideon's skills?▼
You can plan UX with structured discovery interviews, refine typography, layout, color, and spacing, add GSAP scroll-driven and timeline animations, run accessibility and performance audits with severity ratings, adapt designs across breakpoints, and generate premium production-grade frontend interfaces.
Who are these skills designed for?▼
Frontend engineers, UI/UX designers, and creative developers building web interfaces. The GSAP skills target React, Next.js, Vue, Nuxt, Svelte, and vanilla JavaScript users, while the design skills serve anyone refining visual quality, motion, or usability of pages and components.
How do I invoke and use these skills in practice?▼
Most design skills are user-invocable with a target argument, such as a feature, page, or component. The 'impeccable' skill accepts craft, teach, or extract modes. GSAP skills activate when you ask about tweens, timelines, ScrollTrigger, plugins, or framework-specific integration.
What licensing applies to these skills?▼
The eight official GSAP skills are MIT licensed. The 'impeccable' skill is Apache 2.0, based on Anthropic's frontend-design skill with attribution in NOTICE.md. Other skills carry no explicit license declaration in their frontmatter.
What prerequisites or dependencies do these skills require?▼
GSAP skills require the GSAP library in a JavaScript environment, with framework-specific variants for React (useGSAP hook) or Vue/Svelte lifecycle handling. Design skills operate on existing frontend code or new builds and work with any CSS framework or vanilla CSS.