Skill Claude CodeCodex
Component catalogue for Pebble pebblesend type "ui" blocks — OpenUI Lang syntax, components, the action model (buttons, forms, $state), and what Pebble does NOT support. View when building an interactive UI block.
20,540 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 CodeCodex
Component catalogue for Pebble pebblesend type "ui" blocks — OpenUI Lang syntax, components, the action model (buttons, forms, $state), and what Pebble does NOT support. View when building an interactive UI block.
rothenbergt/backstage-agent-skills
Skill Claude CodeCodex
Build Backstage frontend plugins with the New Frontend System: createFrontendPlugin, blueprints, routes, Utility APIs, testing. Use for pages, nav, entity content, or cards.
EnkrateiaLucca/building-apps-with-ai-tools
Cursor rule Cursor
Guidelines for creating interactive features and animations.
Skill Claude Code
A set of required development rules for building full-stack applications with TypeScript and Next.js, a framework for web apps. It standardizes tools, project structure, type checking, testing, and production practices.
Plugin Claude Code
Bundles 61 skills, 11 commands, 14 agents, 5 hooks · 6,282 tokens together
A shared add-on for frontend development teams, with frontend instructions, helper agents, automated hooks, and connections to design tools such as Figma and Sketch. It saves reports as Markdown files.
Cursor rule Cursor
A set of instructions for AuraDesign Agent, an AI tool that creates web interfaces from written design rules. It covers how the agent analyzes sites, chooses assets, and generates HTML and CSS.
Skill Claude CodeCodex
Compose UI screens from existing components. Proposes ASCII wireframe layouts with real component mapping and coverage %, then specs the chosen layout. 6 actions: init, spec, spec-review, craft, ship, review. Core guarantee: zero component reinvented. Auto-activates on: "design-screen", "design-screen spec"…
Skill Claude Code
Full-stack design methodology that makes any website look like a $150k agency build. Nine gated phases: positioning, research, design contract, screen spec, build, subtraction, audit, hardening, handoff. Includes illustration system, animation tiers, 12 hero patterns, 16 section layouts, UX writing guide, icon system…
dvasyliev/ai-dev-tools-getting-started
Skill Claude CodeCodex
Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance.
Skill Claude CodeCodex
Use when building or editing a Blazor UI that uses the Lumeo component library (the Lumeo NuGet package and its satellites Lumeo.Charts / Lumeo.DataGrid / Lumeo.Editor / Lumeo.Scheduler / Lumeo.Gantt / Lumeo.Motion / Lumeo.Flow), or when the user mentions Lumeo components (Button, DataGrid, Sheet, Dialog, Tabs…
leejpsd/typescript-react-nextjs-patterns
Skill Claude CodeCodex
Production-grade TypeScript reference for React & Next.js frontend development. Covers type narrowing, component Props, generic hooks, discriminated unions, as const, satisfies, Zod validation, TanStack Query, server/client boundaries, forms, state management, performance, accessibility, debugging, and code review.…
Curiosity-Ai-BV/Babylonjs-Skill
Skill Claude CodeCodex
Babylon.js 8 3D engine development expertise with curated API patterns, code examples, and on-demand documentation access. Use when working with Babylon.js scenes, meshes, materials (PBR/Standard), cameras, lights, shadows, GUI (2D/3D), animations, physics (Havok), thin instances, glTF loading, post-processing, WebXR…
Arnie936/higgsfield-website-skill
Skill Claude CodeCodex
Baue eine cinematische Scroll-Website mit KI-generierten Videos (Higgsfield MCP, Seedance 2.0) und Scroll-Scrub-Animationen — Portfolios, Produkte, E-Commerce, Restaurants, Immobilien, Autos, SaaS, Agenturen, Gyms, Journeys. Nutze diesen Skill IMMER, wenn der Nutzer eine Website mit KI-Video, eine cinematische…
Boise-State-Development/agentcore-public-stack
Cursor rule Cursor
Best practices for using and upgrading Tailwind CSS.
Skill Claude CodeCodex
Pixel-faithful clone of any web UI into the user's existing stack, using whatever sources are available — a screenshot alone, a live URL, raw HTML/CSS, or any combination. Use this skill whenever the user wants to recreate, match, replicate, or "clone" a design from a screenshot, image, URL, Figma export, or HTML…
Skill Claude CodeCodex
Generative UI with OpenUI: build apps and agents whose model responses render as live interfaces. Use when the task involves OpenUI, OpenUI Lang, @openuidev/ packages, OpenUI Gateway, Autofix, or the @openuidev/cli (create, generate, deploy), or when the user wants a generative UI chat, agent, or dashboard.
Skill Claude Code
Ensure 'use cache' is used strategically to minimize CPU usage and ISR writes. Use when creating/modifying queries to verify caching decisions align with data update patterns and cost optimization.
Skill Claude Code
Use this skill when writing, reviewing, or deciding where to place tests in the Next.js frontend package. Covers which project (unit / integration / storybook) to use for a given scenario, what NOT to duplicate across projects, and file placement conventions for this package.
efeunalmedia-lab/efeunal-website-seo
Skill Claude CodeCodex
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions…
Cursor rule Cursor
The ActiveLinkOptions type extends the LinkOptions type and contains additional options that can be used to describe how a link should be styled when it is active.
MCP server Claude CodeCodexCursor +2
A Model Context Protocol (MCP) server for Storybook. Runs locally from the storybook-mcp npm package.
pomerium/mcp-app-typescript-template
Skill Claude CodeCodex needs its repo
Add a new widget (React UI + MCP tool) to this template. Use when asked to "add a widget", "add a new tool with UI", "create a new widget", "scaffold a widget", or "build a new MCP App feature".
Skill Claude CodeCodex
Node.js project architecture standards for AI-assisted development. Enforces file splitting (<400 lines), config externalization, route modularization, and admin dashboards. Use when creating new Node.js projects, refactoring large single-file codebases, or when AI context window is being consumed by oversized files.…
Plugin Claude Code
Bundles 1 skill · 24 tokens together
UX co-pilot — conversational UX designer with live preview. 376 rules, 161 palettes, 57 font pairings, 67 styles. Phases: Discovery (ABCD questions), Audit (code scan + scored report), Preview (local server + named versions), Export (spec + React/Svelte/Vue components).
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: