Skill Claude CodeCodex
React and Next.js performance optimization patterns. Use BEFORE implementing any React code to ensure best practices are followed.
not rated 348 8mo ago A 27 tokens
original MIT
webarchive
218Skill Claude CodeCodex
Extract .webarchive files (saved from Safari) into plain HTML/assets using the WebArchiveExtractor CLI. Use when the user wants to unarchive, extract, or convert a .webarchive file.
not rated 346 7mo ago A 43 tokens
termcast
219Skill Claude CodeCodex
Build TUIs with a Raycast-like React API using termcast. Implements @raycast/api components (List, Detail, Form, Action) rendered to the terminal via opentui.
not rated 342 2mo ago A 40 tokens
original MIT
gsap-animation
220Skill Claude CodeCodex
GSAP + Remotion integration for professional motion graphics video production. Timeline orchestration, text splitting, SVG morphing, advanced easing, and reusable effect presets.
not rated 340
+1 8mo ago A 36 tokens
original MIT
Skill Claude CodeCodex ✓ vendor
Report Svelte MCP autofixer opportunities when the user corrects a Svelte or SvelteKit mistake the agent made. Use after corrections to .svelte components, .svelte.ts/.svelte.js modules, or SvelteKit features where a reusable check or fix could prevent the mistake. Do not trigger for initial implementation requests…
not rated 336
+1 today A 81 tokens
original MIT
chart
222Skill Claude Code
Render financial charts via the local chart web app (workspace at the repo root — Hono server + React front end, port 1792). Four chart types: intraday capital-flow line (flow) and cross-symbol signed-bar comparison (cohort) — both Recharts — plus SEPA strategy dashboard (sepa) and short-term multi-timeframe…
not rated 333
+3 4d ago A 353 tokens
Skill Codex
A project guide for a Next.js documentation and landing-page starter built with Nextra, Tailwind CSS, MDX, translations, themes, and interface components. It explains the repository’s structure, existing features, extension points, and migration patterns.
not rated 318 1mo ago A SkillSpector: pass 97 tokens
original MIT
taste-design
224Skill Claude CodeCodex
Concrete UI visual rule set for generating and reviewing restrained neutral interfaces. Use for tasks that need exact style constraints: plain sans-serif typography, pale neutral canvases, rounded surfaces, soft shadows, minimal borders, low-saturation color, sparse density, content-neutral placeholders, and…
not rated 306
+2 2mo ago A 62 tokens
Skill Claude Code
Regenerate the Pisper product screenshots under docs/shots/ against the current UI. Starts an isolated dev instance, seeds fictional demo data through the real runtime APIs, captures every referenced page at the exact 2558x1380 asset size, and replaces the files. Use only when the user asks to refresh product…
not rated 299
+2
changed 1mo ago A SkillSpector: warn 80 tokens
original MIT
ark-ui
226Skill Codex
Design, implement, audit, or refactor web and game-adjacent interfaces using an evidence-based Hypergryph visual language with two independent choices: product family and application depth (1 minimal, 2 moderate, 3 complex, 4 maximal). Use for Hypergryph-, Arknights-, Endfield-, Rhodes Island-, industrial sci-fi-…
not rated 289
+1 3mo ago A 127 tokens
Skill Claude CodeCodex
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of…
not rated 286
+7 7d ago A 111 tokens
api-integration
228Skill Claude CodeCodex needs its repo
Use when integrating Apidog + OpenAPI specifications with your React app. Covers MCP server setup, type generation, and query layer integration. Use when setting up API clients, generating types from OpenAPI, or integrating with Apidog MCP.
not rated 286
+1 7mo ago A 51 tokens
original MIT
layout-patterns
229Skill Claude CodeCodex ✓ vendor
Common UI layout patterns using fundamental-styles - login forms, dashboards, master-detail, wizards, and more.
not rated 280
+42 yesterday A SkillSpector: warn 26 tokens
original Apache-2.0
Skill Claude CodeCodex
Reproduce a live website from its URL as a clean, deployable Vite + React project by running the complete agent-driven Perfect Web Clone harness: capture source evidence, plan the full page, author every section, implement common interactions, build, compare, repair, and hand the measured result to the user for…
not rated 278
+2 2mo ago A SkillSpector: pass 134 tokens
original MIT
hopechen067/china-antique-maplibre
Skill Codex
China antique parchment MapLibre map engine with configurable basemap, Terrarium hillshade, optional user-supplied water overlay, live tuner page, and tiered settlement extrusions for HyperFrames historical videos.
not rated 278 2mo ago A SkillSpector: pass 48 tokens
original MIT
Skill Claude CodeCodex
Index of every documented @radix-ng/primitives example. Use when implementing a UI feature to find a working, copy-paste-ready Angular pattern built on the primitives. Each component has an index doc linking to per-example source shards you can copy-paste.
not rated 275
changed 1mo ago A SkillSpector: pass 59 tokens
original MIT
Skill Claude CodeCodex ✓ vendor
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 275
+2 11d ago A Socket: passSnyk: pass 67 tokens
create-web
234Skill Claude Code
A workflow for creating offline HTML research reports and interactive chart pages with the createweb tool. HTML is the format used for web pages, and an offline page can open without loading scripts or styles from the internet.
not rated 275 1mo ago A SkillSpector: pass 89 tokens
original Apache-2.0
oklch-skill
235Skill Claude CodeCodex
OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.
not rated 273
+3 25d ago A Socket: passSnyk: pass 79 tokens
original MIT
frontend-design
236Skill Claude CodeCodex
Design principles and component patterns for building polished web UIs, games, and interactive HTML/CSS/JS projects. Use when creating websites, web apps, browser games, or any frontend project.
not rated 269
+2 5mo ago A 42 tokens
arvindrk/extract-design-system
Skill Claude CodeCodex
Extract design primitives from a public website and generate starter token files for your project.
not rated 267
+12 1mo ago A Socket: passSnyk: warnSkillSpector: warn 20 tokens
original MIT
per-simmons/clone-app-pat-pro-public
Skill Claude Code
Clones any web app pixel-for-pixel from a URL. Runs as an IN-CONVERSATION workflow — the live Claude orchestrates Task sub-agents and drives the Claude Chrome extension to recon (every view), extract (computed styles = ground truth), design-spec, build, QA (computed-style assertions), and extend. Guided check-ins…
not rated 264
+1 4mo ago A 153 tokens
Skill Claude CodeCodex
Create or update the Panel UI component of a complete schema v2 NextClaw Mini App or an explicitly loose local Panel. Use after nextclaw-app-creator selects Panel-only or Panel + Service, or for right-side UI, Service Actions, Agent-powered panels, React/Vite panels, and App bridge capability questions.
not rated 262
changed 1mo ago A SkillSpector: warn 70 tokens
original MIT
Skill Claude CodeCodex
Build UIs with BlatUI — shadcn/ui for the Laravel BLAT stack (Blade, Alpine.js, Tailwind v4). Use when adding or composing UI components, blocks, charts, or theming in a Blade app.
not rated 262
+1 3d ago A 54 tokens
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: