19,552 mods in this category, of every kind an agent can take. Each one carries what it costs per session, what the scan found, and whether it is the original.
Skill Claude Code
Build or update a reusable UI component in src/components/ — primitives, composites, landmarks, content components. Trigger whenever the user wants to create or modify any .astro file under src/components/, add a variant or state to an existing component, do a visual refactor (spacing, hover lift, type), or build a…
Plugin Claude Code
Bundles 5 skills · 611 tokens together
A Chinese-language collection of frontend development guidance covering project setup, speed, architecture changes, quality, and security.
Plugin Claude Code
Bundles 12 skills · 2,008 tokens together
12 GSAP animation skills — production recipes for scroll, text, SVG, cursor, canvas, and visual effects in any framework.
Plugin Claude Code
Frontend design skill: direction, design system, visual philosophy.
jinshiqwq/image-first-frontend
Skill Claude CodeCodex
Generate a polished frontend reference screenshot through a configurable GPT-image-2-compatible generations endpoint, save and show versioned previews inside the project, revise selected previews through a configurable /images/edits endpoint, and reproduce only the user-approved design as functional frontend code with…
Skill Codex
Use when a known frontend surface needs a scoped, read-only audit of selected architecture, reuse, data/UI contract, build/tooling, accessibility, performance, selected-source visual fidelity, or desktop-boundary profiles; use repo-review when a Worktree or immutable change basis needs coordination.
Skill Claude CodeCodex
Refactor an existing SwiftUI project into a governed UI architecture with render-state boundaries, tokenized styling, preview mocks, and a debug-only runtime tuning + writeback tool. Use when the user wants to improve UI maintainability, live-tune styles, or build a reusable UI debugging workflow without changing the…
OscarDRT/supastarter-nextjs-skill
Skill Claude CodeCodex
Guides development with supastarter for Next.js only (not Vue/Nuxt): tech stack, setup, configuration, database (Prisma), API (Hono/oRPC), auth (Better Auth), organizations, payments (Stripe), AI, customization, storage, mailing, i18n, SEO, deployment, background tasks, analytics, monitoring, E2E. Use when building or…
Daaaaave/agentic-workspace-core
Skill Claude CodeCodex
Use for frontend/UI build, change, redesign, polish, review, or Figma/screenshot implementation when visual quality, product-appropriate design taste, UX, responsive behavior, accessibility, component composition, or design-system consistency matters. Pair with software-development-workflow for code changes. Do not…
Skill Codex
Use when converting approved design sources, handoff packages, mockups, visual contracts, or UI blueprints into implementation code and visual parity evidence; also when visual implementation feels rough, stretched, under-specified, or needs section-level high-fidelity repair.
Skill Codex
Reconstruct an authorized reference website from a supplied URL with high visual, responsive, interaction, asset, and observable behavior fidelity. Use only when the user explicitly invokes $fetch or $codex-chef-workflows:fetch for site reconstruction; do not use for JavaScript Fetch API help, generic scraping or…
Skill Claude CodeCodex
A publishing workflow for adding a finished article to an Astro blog, a website built with the Astro framework.
Skill Codex
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…
Cursor rule Cursor
Cursor rule "react-hook-form" from jesseoue/cursor-rules, covering react hook form development rules, core setup, basic form setup, advanced form patterns and complex form with nested objects.
Skill Codex
Create, modify, or validate Backchat color-theme plugins and migrate frontend visual values into the semantic theme-token contract. Use when a user asks for a Backchat skin, theme, color scheme, editor-style appearance pack, theme preview, or tokenization work under openma-desktop.
Skill Claude CodeCodex needs its repo
Use this skill when building or customising data tables with nextjs-reusable-table. Covers installation, all props, sorting, pagination, search, row actions, dark mode, custom styling, and Tailwind setup for Next.js 13+ and React 18+.
mzf11125/midnight_agent_skills
Skill Claude CodeCodex
Comprehensive guide for Midnight Network DApp frontend development covering project scaffolding with Vite and React 19 plus shadcn/ui templates, Next.js wallet connector patterns via the DApp Connector API with App Router, React wallet connector with Vite setup, provider architecture including MidnightProviders, proof…
Skill Codex
Direct, design, implement, animate, critique, audit, polish, and deploy distinctive production frontend interfaces for websites, landing pages, web apps, dashboards, mobile concepts, and desktop shells. Use for new frontend builds, redesigns, bland or visually generic UI, messy interfaces, design systems, Vue Bits or…
Skill Claude Code
A diagram-making workflow that turns confirmed process, architecture, and data-flow descriptions into animated, looping GIFs. It uses SVG as an intermediate format and checks the rendered result before delivery.
Cursor rule Cursor
Generate an interactive HTML explainer from code, thinking transcripts, or text. Use when the user asks to explain code visually, create an interactive walkthrough, or generate a Think-In-HTML output.
Plugin Claude Code
Bundles 1 skill · 153 tokens together
Ship hand-coded or vibe-coded HTML/CSS/JS into Webflow via the moden.club converter. Encodes 48+ tested fixes for class collisions, Designer canvas glitches, GSAP/ScrollTrigger integration, asset re-linking, and re-import cleanup. Asks which CSS framework to use for new projects — Lumos v2, Finsweet Client-First v2.1.
Cursor rule Cursor
A development check that reads a stored snapshot of uncaught errors from a web, Electron, or React Native Web interface. It reports whether the development interface has a visible error screen or captured stack trace.
PoulpYBifle/NCF-Coding-Best-Practices
Cursor rule Cursor
Regles NCF pour projets Next.js + React + TypeScript. Securite, accessibilite, TDD, conventions.
Skill Codex needs its repo
Transform existing or new websites, web apps, landing pages, dashboards, and UI prototypes into a refined modern Chinese ink-wash / guse-guoxiang visual style. Use when Codex is asked to make a site water-ink, sumi-e, Chinese classical, oriental, guofeng, ancient elegant, xuan paper, ink brush, or to apply the bundled…
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: