Hainrixz/claude-webkit

Construye una pagina web profesional en minutos. No necesitas saber programar.

221Stars on the repository
22Mods indexed here, across every type
14d agoLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown

animate

01

Hainrixz/claude-webkit

Skill Claude CodeCodex

Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a…

not rated 221 +4 14d ago A 96 tokens copy · 92% MIT

Hainrixz/claude-webkit

Skill Claude CodeCodex

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and…

not rated 221 +4 14d ago A 98 tokens copy · 100% MIT

apple-design

03

Hainrixz/claude-webkit

Skill Claude CodeCodex

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…

not rated 221 +4 14d ago A 80 tokens copy · 100% MIT

building-components

04

Hainrixz/claude-webkit

Skill Claude CodeCodex

Guide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.

not rated 221 +4 14d ago A 46 tokens original MIT

Hainrixz/claude-webkit

Skill Claude CodeCodex

Vision-driven browser automation using Midscene Bridge mode. Operates entirely from screenshots — no DOM or accessibility labels required. Can interact with all visible elements on screen regardless of technology stack. This mode connects to the user's desktop Chrome browser via the Midscene Chrome Extension…

not rated 221 +4 14d ago A 186 tokens original MIT

deep-research

06

Hainrixz/claude-webkit

Skill Claude CodeCodex

Use this skill instead of WebSearch for ANY question requiring web research. Trigger on queries like "what is X", "explain X", "compare X and Y", "research X", or before content generation tasks. Provides systematic multi-angle research methodology instead of single superficial searches. Use this proactively when the…

not rated 221 +4 14d ago A 71 tokens copy · 100% MIT

emil-design-eng

07

Hainrixz/claude-webkit

Skill Claude CodeCodex

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

not rated 221 +4 14d ago A 35 tokens copy · 94% MIT

Hainrixz/claude-webkit

Skill Claude CodeCodex

Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use…

not rated 221 +4 14d ago B 78 tokens copy · 100% MIT

frontend-design

09

Hainrixz/claude-webkit

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.

not rated 221 +4 14d ago A 47 tokens copy · 100% MIT

humanizer

10

Hainrixz/claude-webkit

Skill Claude CodeCodex

Remove signs of AI-generated writing from text. Use when editing or reviewing text to make it sound more natural and human-written. Based on Wikipedia's comprehensive "Signs of AI writing" guide. Detects and fixes patterns including: inflated symbolism, promotional language, superficial -ing analyses, vague…

not rated 221 +4 14d ago A 92 tokens copy · 84% MIT

improve-animations

11

Hainrixz/claude-webkit

Skill Claude CodeCodex

Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the…

not rated 221 +4 14d ago B 97 tokens copy · 100% MIT

playwright-cli

12

Hainrixz/claude-webkit

Skill Claude CodeCodex

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.

not rated 221 +4 14d ago A 52 tokens copy · 84% MIT

prototype

13

Hainrixz/claude-webkit

Skill Claude CodeCodex

Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.

not rated 221 +4 14d ago A 48 tokens copy · 100% MIT

review-animations

14

Hainrixz/claude-webkit

Skill Claude CodeCodex

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

not rated 221 +4 14d ago A 34 tokens copy · 100% MIT

seo-audit

15

Hainrixz/claude-webkit

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,"…

not rated 221 +4 14d ago A 172 tokens copy · 86% MIT

shadcn-ui

16

Hainrixz/claude-webkit

Skill Claude CodeCodex

Skill "shadcn-ui" from Hainrixz/claude-webkit, covering shadcn/ui - component library, summary, when to use, quick start and installation.

not rated 221 +4 14d ago A 27 tokens original MIT

ui-ux-pro-max

17

Hainrixz/claude-webkit

Skill Claude CodeCodex

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design…

not rated 221 +4 14d ago B 238 tokens copy · 98% MIT

vercel-deploy

18

Hainrixz/claude-webkit

Skill Claude CodeCodex

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".

not rated 221 +4 14d ago A 47 tokens original MIT

Hainrixz/claude-webkit

Skill Claude CodeCodex

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance…

not rated 221 +4 14d ago A 67 tokens copy · 84% MIT

Hainrixz/claude-webkit

Skill Claude CodeCodex

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

not rated 221 +4 14d ago A 44 tokens copy · 100% MIT

web-reader

21

Hainrixz/claude-webkit

Skill Claude CodeCodex

Implement web page content extraction capabilities using the z-ai-web-dev-sdk. Use this skill when the user needs to scrape web pages, extract article content, retrieve page metadata, or build applications that process web content. Supports automatic content extraction with title, HTML, and publication time retrieval.

not rated 221 +4 14d ago A 59 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: