Packs
12 packs@googlechrome
Modern Web Guidance
Modern Web Guidance from googlechrome/modern-web-guidance.
2 skills · pack
@a5c-ai
Web Development
Web Development from a5c-ai/babysitter.
24 skills · pack
curated
Optimize Web Performance
Install this pack to optimize web performance by measuring and fixing Core Web Vitals.
9 skills · pack
curated
Web Performance Audit and Optimize
Measure performance, identify bottlenecks, and apply fixes to improve Core Web Vitals.
9 skills · pack
curated
Azure Web PubSub Toolkit
For developers building real-time messaging apps with Azure Web PubSub using JavaScript and Python.
3 skills · pack
curated
Build Blazor Web App with Auth
Install this pack to build a Blazor Web App with authentication and interactive components.
4 skills · pack
curated
Build ASP.NET Core Web API
Create ASP.NET Core Web API endpoints with correct HTTP semantics and OpenAPI metadata.
3 skills · pack
curated
Web Performance Audit and Fix
Installs a pipeline to audit Core Web Vitals, analyze performance, and debug issues using DevTools.
10 skills · pack
curated
Audit and Fix Web Accessibility
Install this pack to audit and fix web accessibility issues to WCAG 2.2 AA standards.
10 skills · pack
@chen-yu-hao
Components
Components from chen-yu-hao/codex-web.
100 skills · pack
curated
Debug Web App with DevTools
Install this pack to test and debug a web application in a real browser using Chrome DevTools MCP.
7 skills · pack
@dotnet
Dotnet Blazor
Skills for Blazor development: component authoring, interactivity, and web application patterns.
9 skills · pack
Results for “web”
66 skillsweb-typography
Select, pair, and implement typefaces for web projects with guidance on readability, CSS implementation, and performance optimization.
1.6k · bundle
web-proto-editorial
Creates editorial-minimalist web prototypes with warm monochrome canvas, serif display and grotesque body typography, hairline borders, and ambient micro-motion.
· bundle
deck-magazine-web
Create horizontal-swipe HTML presentations with magazine and e-ink aesthetics, featuring WebGL fluid backgrounds, serif display fonts, and keyboard navigation.
· bundle
web-proto-brutalist
Generates brutalist web prototypes with Swiss industrial-print aesthetics, using grotesque typography, oversized numbers, ASCII decorations, and hazard-red accents.
· bundle
audit
Audits a website from three perspectives—design, SEO/technical, and LLM/AI-search visibility—and produces a scored, evidence-bound report with prioritized improvements.
142 · bundle
webflow-inspired-design-analysis
Analyzes and documents Webflow's design language, including color palette, typography hierarchy, spacing system, and layout principles for use in design systems.
50.9k · bundle
More results
stardust
Guided multi-page redesign of an existing website through a four-phase pipeline — extract, direct, prototype, and migrate. Tracks progress incrementally per page so redesigns are resumable.
142 · bundle
prototype-web
Generates a high-fidelity, clickable web prototype with navigation, hero, features, and CTA sections.
· bundle
guizang-ppt-skill
Generates a single-file horizontal-scroll web PPT with WebGL backgrounds, section covers, data hero cards, and image grids in two visual styles: 'e-magazine × e-ink' or 'Swiss International Style'.
· bundle
imagegen-frontend-web
Generates premium, conversion-aware website design reference images with one separate horizontal image per section, enforcing composition variety, narrative concept spine, and consistent palettes for landing pages and marketing sites.
web-design-guidelines
Review UI code for compliance with web interface guidelines, including accessibility and UX best practices.
28.7k
web-video-presentation
Transform articles or scripts into click-driven 16:9 web presentations that look like videos, with optional AI voiceover synthesis.
9.2k · bundle
uplift
Redesign a website page for presales by extracting its brand surface, identifying tensions, and generating three differentiated variants with motion validation.
142 · bundle
web-design-reviewer
Visually inspect websites to identify and fix design issues including layout, responsive, accessibility, and visual consistency problems at the source code level.
36.2k · bundle
top-design
Create award-winning, immersive web experiences with dramatic typography, purposeful motion, scroll-based composition, and performance-optimized animation.
1.6k · bundle
banner-design
Design banners for social media, ads, website heroes, and print with multiple art direction options and AI-generated visuals.
· bundle
125-yuv-design
Applies a battle-tested bilingual web-design system with typography, responsive rules, and performance patterns for Yuval Avidani's projects.
3 · bundle
muapi-url-to-design
Analyze a website URL and generate a redesigned, improved UI with modern aesthetics, better hierarchy, and fresh brand direction.
3.7k
web-design-engineer
Craft polished visual web artifacts — pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations — using HTML, CSS, JavaScript, and React.
9.2k · bundle
frame-liquid-bg-hero
Generates a single-file HTML hero section with WebGL-inspired fluid background and overlaid quote, suitable for video intros, landing pages, or posters.
· bundle
prototype
Render a proposed redesign of a page as a self-contained static HTML file, then iterate via chat-driven commands until approved.
142 · bundle
image-to-code
Generates premium website design images, then deeply analyzes them to implement faithful frontend code for hero sections, landing pages, and marketing sites.
web-design
Takes a PRD, reference URL, screenshot, or keywords to produce a DESIGN.md specification, then generates production-ready web code that meets UI/UX, visual, motion, and responsive standards.
635 · bundle
redesign-existing-projects
Audits and upgrades existing websites and apps to premium quality by identifying generic AI patterns and applying high-end design standards without breaking functionality.
threejs-geometry
Create 3D shapes using Three.js built-in geometries, custom BufferGeometry, and instanced rendering.
2.5k
premium-frontend-ui
Generates immersive, high-performance web interfaces with advanced motion design, typography, and architectural craftsmanship.
36.2k
frontend-design
Guides distinctive, intentional visual design for new or existing UI, covering aesthetic direction, typography, and avoiding templated defaults.
253 · bundle
frontend-design
Guides distinctive, intentional visual design for new or existing UI, covering aesthetic direction, typography, and avoiding templated defaults.
1 · bundle
threejs-shaders
Create custom visual effects with Three.js shaders using GLSL, ShaderMaterial, uniforms, and vertex/fragment shaders.
2.5k
web-proto-soft
Creates Apple-style soft UI prototypes with squircle cards, spring motion, and ambient mesh backgrounds.
· bundle
favicon
Generates a complete set of favicons from a source image and updates project HTML with the appropriate link tags.
2
typeset
Improves typography by fixing font choices, hierarchy, sizing, weight consistency, and readability, making text feel intentional and polished.
1
epic-design
Build cinematic, scroll-driven 2.5D websites with parallax depth, text animations, and premium effects using CSS and JavaScript.
20.4k · bundle
threejs-materials
Create and configure Three.js materials including PBR, basic, phong, shader, and physical materials for 3D rendering.
2.5k
threejs-lighting
Configure and optimize Three.js lighting: ambient, directional, point, spot, hemisphere, and rect area lights with shadows, helpers, and IBL.
2.5k
tesla
Provides a comprehensive design system specification inspired by Tesla's website, covering visual theme, color palette, typography, and UI patterns.
50.9k · bundle