General skillFrontend development

mobile-ui-replicator

Replicate a mobile UI screenshot as an interactive, styled HTML demo.

Stars: 4
Forks: 1
Updated: Updated May 14, 2026

General skillFrontend development

mobile-ui-replicator

Replicate a mobile UI screenshot as an interactive, styled HTML demo.

Stars: 4
Forks: 1
Updated: Updated May 14, 2026

General skillFrontend development

awwwards-3d

@tsogjavklannHTML

Build scroll-driven 3D websites from tested templates and reusable creative-development patterns.

Project overview

awwwards-3d gives Claude Code four starting templates for scroll-driven WebGL sites, backed by references for cameras, materials, shaders, post-processing, transitions, and Blender workflows. It can scaffold either a single-file HTML deliverable or a Vite project, and includes a script for exporting compressed GLB assets. The bundled Three.js, GSAP, and Lenis versions are intentionally pinned, so upgrades require compatibility testing.

Stars: 5
Forks: 1
License: MIT

General skillFrontend development

salgadoia-web-design-engineer-pro

@LuispitikJavaScript

Preview visual directions first, then let Claude build the selected website.

Project overview

Web Design Engineer Pro guides non-technical users from a business description to a finished site or landing page. It generates several standalone browser previews, lets the user choose a direction, then collects a short brief, sets up a Next.js project, builds the sections and motion, and runs build, accessibility, SEO, and performance checks. It requires Node.js 20.9 or newer and can also extract content from an existing site for redesign work.

Stars: 5
Forks: 1
License: Not declared

General skillFrontend development

storybook-codex

@ychampionPython

Create and maintain Storybook stories for React, Vue, and Svelte components.

Project overview

Use this Codex skill to inspect component APIs and real repository usage, then create or update Storybook stories, documentation pages, controls, and interaction scenarios for React, Vue, or Svelte. It can limit maintenance to components affected by a git diff, scaffold preview decorators from app providers, and audit Storybook coverage across a repository. The project is deliberately focused on Storybook work rather than general frontend design.

Stars: 3
Forks: 0
License: MIT

General skillFrontend development

ascii-shader-tsx

@Codeptor

Generate animated ASCII, dithering, and shader-style effects as React components.

Project overview

Describe a visual such as matrix rain, CRT scanlines, plasma noise, or an image converted to ASCII, and have the coding agent produce a single self-contained TSX component. The references cover procedural animation and image, video, or webcam processing, with multiple art styles, dithering algorithms, character sets, and post-processing effects. React is the only external runtime dependency.

Stars: 3
Forks: 0
License: Not declared

mobile-ui-replicator

mobile-ui-replicator

Project overview

Repository facts

Related projects

awwwards-3d

salgadoia-web-design-engineer-pro

storybook-codex

ascii-shader-tsx