Javeria
Community@Javeria-Javaid
Computer Science student passionate about front-end development, UI/UX design, and building real-world web solutions. Learning JavaScript and MERN stack.
Agent Skills by Javeria
Showing 67 vetted skills indexed across 1 GitHub repositories.
Javeria-Javaiduxui-principles
Evaluate interfaces against 168 research-backed UX principles and detect antipatterns.
Javeria-Javaiddesign-it
Routes frontend design requests to 48 opinionated UI style guides with palettes and code.
Javeria-Javaidstitch-design-taste
Generates Google Stitch DESIGN.md design systems with typography, color, layout, and motion rules.
Javeria-Javaidrayden-use
Builds and audits Rayden UI components and screens in Figma via Figma MCP with design token enforcement.
Javeria-Javaidindustrial-brutalist-ui
Generates brutalist and tactical telemetry web interfaces with rigid grids, monospace typography, and CRT effects.
Javeria-Javaiddesign-taste-frontend
Generates React and Tailwind frontend interfaces with calibrated typography, color, layout, and motion rules.
Javeria-Javaidminimalist-ui
Generates editorial minimalist web interfaces with warm monochrome palettes and bento-grid layouts.
Javeria-Javaidhigh-end-visual-design
Generates premium agency-grade UI code with Tailwind layouts, spring-based motion, and nested component architecture.
Javeria-Javaidemil-design-eng
Reviews and guides UI animation, easing, and interaction design for React and CSS interfaces.
Javeria-Javaidredesign-existing-projects
Audits existing frontend code for generic UI patterns and applies targeted visual upgrades without rewrites.
Javeria-Javaidsoft-pastel
Implements soft pastel UI styling for web, SwiftUI, Flutter, React Native, and Jetpack Compose.
Javeria-Javaidtypography-first
Implements typography-first UI designs with oversized text across web and mobile frameworks.
Javeria-Javaidduotone-design
Implements two-color duotone design schemes for web and mobile app interfaces.
Javeria-Javaidmonochromatic-ui
Implements single-hue monochromatic UI palettes for web and mobile frameworks.
Javeria-Javaidsci-fi-interface
Implements sci-fi HUD interface designs for web and mobile applications.
Javeria-Javaidretro-futurism
Implements retro-futurism UI styling with CSS, SwiftUI, Flutter, React Native, and Jetpack Compose code examples.
Javeria-Javaidbrutalist-typography
Implements brutalist typography layouts with oversized fonts and broken grids across web and mobile frameworks.
Javeria-Javaidbento-ui
Implements modular bento grid layouts for web and mobile applications.
Javeria-Javaidgradient-design
Implements animated gradient backgrounds, gradient text, and gradient borders across web and mobile frameworks.
Javeria-Javaidtile-design
Implements Microsoft Metro tile UI layouts for web and mobile applications.
Javeria-Javaidcyberpunk-ui
Implements cyberpunk UI styling with neon colors and clipped-corner shapes across web and mobile frameworks.
Javeria-Javaidretro-design
Implements retro 60s-80s visual styling for web and mobile app interfaces.
Javeria-Javaidspatial-design
Implements glass-like spatial UI panels with backdrop blur across web and mobile frameworks.
Javeria-Javaidcyber-y2k
Implements Cyber Y2K holographic and glitch aesthetics across web and mobile UI frameworks.
Frequently Asked Questions About Javeria
FAQPage SchemaWhat tasks can I accomplish with Javeria's skill collection?▼
You can implement 48+ named UI aesthetics (glassmorphism, bento, brutalism, Y2K, Frutiger Aero), audit interfaces against 168 UX principles and WCAG 2.2, fix accessibility defects like ARIA and contrast issues, redesign generic UIs, and build Figma components with enforced design tokens.
Who should use these front-end design skills?▼
Front-end developers, UI/UX designers, and design engineers building websites, app screens, dashboards, or component libraries. They suit anyone requesting a specific visual aesthetic, running accessibility audits, or seeking premium typography, motion, and layout guidance in coding sessions.
How do these skills run in practice?▼
Skills load as context into coding assistants including Claude, Cursor, Windsurf, Codex, Gemini, and Antigravity. They trigger when a user requests a specific aesthetic or audit; the rayden-use skill additionally connects to Figma through MCP functions like use_figma and get_screenshot.
Are these skills free and open source?▼
Yes. All listed skills are community or self-published with 'safe' or 'unknown' risk ratings and no cost. Several—including emil-design-eng, ui-review, ui-a11y, and fixing-accessibility—carry explicit MIT licenses linked to their source GitHub repositories.
What prerequisites or dependencies are required?▼
A compatible coding assistant (Claude, Cursor, Codex, Windsurf, Gemini, or Antigravity) is required to load the skills. The rayden-use skill additionally requires Figma MCP access. No other runtimes, accounts, or installations are specified in the manifest.