ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial typography (bans 6-line wraps), gapless bento grids, strict GSAP ScrollTriggers (pinning, stacking, scrubbing), inline micro-images, and massive section spacing.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," "SEO health check," "my traffic dropped," "lost rankings," "not showing up in Google," "site isn't ranking,"…
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Comprehensively reviews SwiftUI code for best practices on modern APIs, maintainability, and performance. Use when reading, writing, or reviewing SwiftUI projects.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Create a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks, and subtle structural detail.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes. Use when asked for scroll-reveal, animate-on-scroll, or sequencing element animations when they enter the viewport.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Use when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel. Covers motion principles, easing/duration defaults, choreography patterns, scroll/hover interactions, performance, accessibility (reduced motion), and implementation guidance.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Create a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation. Use when compact cards, controls, panels, popovers, hero media, feature callouts, or modal-like containers need refined shadows without default Tailwind shadow scales or colored tinting.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Create a clean modern design system with a luminous blue sky atmosphere, soft drifting cloud light, minimal white framing, and serene premium typography.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Create a clean dark glass layout system with a thin blue laser atmosphere, frosted premium shells, and polished dashboard structure.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Create an archival book-reader design system with serif-led pages, mono index navigation, aged paper surfaces, margin notes, and a premium catalog frame.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Create a bright-green technical design system with structured split layouts, hard-framed dark surfaces, mono utility labels, and a prominent WebGL visualization zone.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis. Use for luxury editorial websites, creative studio portfolios, Awwwards-style interactions, smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover states, custom cursors, and mouse-reactive layered movement.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Create cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card stacks, parallax backgrounds, scroll-scrubbed transitions, footer reveals, and immersive preloaders. Use when analyzing or building premium editorial scroll…
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Create a clean minimal beige light-mode design system with warm neutral shells, quiet process grids, restrained accent color, and elegant low-contrast structure.
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Use when adding a lightweight interactive globe with cobe (canvas setup, markers, interaction, performance, integration with React/Next.js).
ashu2012/claude-skill-connectors-plugins
Skill Claude CodeCodex
Use Iconify Simple Icons logos (64x64) instead of text logos.