Frontend

CopilotKit/open-multi-agent-canvas

Cursor rule Cursor

Cursor rule "cursorrules" from CopilotKit/open-multi-agent-canvas, covering instructions, additional command options and notes.

archlizheng/frontend-slides-editable

Skill Claude CodeCodex

Use when the user wants a single-file HTML presentation that stays editable in the browser after generation, or needs object-level layout editing, slide reordering, local save/export, or PPT/PDF-to-web conversion with continued editing.

oil-oil/draw-ui

Skill Claude CodeCodex

A skill for making interface mockups and turning generated interface screenshots into HTML/CSS or WeChat Mini Program WXML/WXSS. It can use image-generation providers for visual work.

UI5/webcomponents-react

Skill Claude CodeCodex

Use ALWAYS for AnalyticalTable internals — react-table v7 plugin architecture, vendored react-table code at packages/main/src/components/AnalyticalTable/react-table/, tableHooks, AnalyticalTableHooks, useDynamicColumnWidths, useColumnResizing, useRowSelect, useF2CellEdit, useManualRowSelect…

JCarterJohnson/vibecoded-design-tells

Skill Claude CodeCodex

Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default. It does not impose a look or hand you taste. It removes tells (default shadcn/Tailwind, AI-purple gradients, gradient heading text, unprompted neon glow, emoji-as-icons, the…

blader/taskmaster

Skill Claude CodeCodex

Codex wrapper plus same-process expect PTY injector that keeps work moving until an explicit parseable done signal is emitted.

antvis/chart-visualization-skills

Skill Claude CodeCodex

Generate structured narrative text visualizations from data using T8 Syntax. Use when users want to create data interpretation reports, summaries, or structured articles with semantic entity annotations. T8 is designed for unstructured data visualization where T stands for Text and 8 represents a byte of 8 bits…

ancoleman/ai-design-components

Skill Claude CodeCodex

Assembles component outputs from AI Design Components skills into unified, production-ready component systems with validated token integration, proper import chains, and framework-specific scaffolding. Use as the capstone skill after running theming, layout, dashboard, data-viz, or feedback skills to wire components…

TheQtCompanyRnD/agent-skills

Plugin Claude Code

Bundles 13 skills, 2 agents, 1 MCP server · 1,482 tokens together

Agentic engineering skills for Qt software development, including Qt C++/QML code review, QML coding, and Qt C++/QML code documentation. Bundles the hosted Qt Documentation MCP server for live Qt API lookups. These skills use AI and can make mistakes. Always double-check the output carefully.

spencerc99/playhtml

Plugin Claude Code

Bundles 2 skills · 100 tokens together

Skill for building collaborative, real-time HTML elements with playhtml.

elayadesign/redesign-skill

Skill Claude CodeCodex

Audits and upgrades existing websites and apps to premium quality. Diagnoses generic AI design patterns, weak states, and sloppy code, then applies targeted fixes without breaking functionality. Use this skill whenever the user wants to improve, polish, upgrade, refine, audit, fix, or redesign an EXISTING site, page…

weapp-vite/weapp-vite

Skill Codex

An engineering guide for building small-program projects with weapp-vite, a Vite-based toolchain for compiling mini-apps for several platforms.

Dokhacgiakhoa/Agent-Skills-4-Vibe-Coding-CLI

Agent Claude Code

Senior Frontend Architect who builds maintainable React/Next.js systems with performance-first mindset. Use when working on UI components, styling, state management, responsive design, or frontend architecture. Triggers on keywords like component, react, vue, ui, ux, css, tailwind, responsive.

spinspire/pocketbase-sveltekit-starter

Skill Claude CodeCodex

Our preferred CSS framework — ultra-lightweight, semantic HTML UI library (8KB). Style web UIs with semantic HTML and minimal classes. Override with app-level SCSS only when necessary.

pretend1111/claude-desktop-app

Skill 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.

ericrisco/rsc-harness

Skill Claude CodeCodex needs its repo

Build a web animation: whether it should animate at all, the purpose, the tool, the properties, the easing curve, the duration, interruption and exit. Writes the CSS or Motion code for dropdowns, modals, toasts, tooltips, accordions, press feedback, stagger and scroll reveals. Use to animate something or make a…

microsoft/win-dev-skills

Plugin Claude Code ✓ vendor

Lists 1 plugin

Agents and skills for Windows development and debugging.

oleeskild/digitalgarden

Skill Claude CodeCodex

Create, test, and publish plugins for the Digital Garden Eleventy template (oleeskild/digitalgarden, used by the obsidian-digital-garden plugin and Forestry.md). Use when asked to build a garden plugin, add a feature to a digital garden as a plugin, write or edit a garden-plugin.json manifest, or publish a plugin to…

sybrew/the-seo-framework

Skill Cursor

Launches a local WordPress Playground site with The SEO Framework mounted, captures front-end SEO artifacts, and compares before/after plugin states. Use when testing regressions, reproducing bugs, changing meta/sitemap/robots/ schema/oEmbed/admin SEO output, checking WordPress version behavior, plugin conflicts, or…

instructure/instructure-ui

Plugin Claude Code

Bundles 1 skill · 97 tokens together

Claude Code tooling for Instructure UI (InstUI) — starting with documentation lookup from instructure.design's plaintext docs.

paraschopra/make-pages-interactive

Skill Claude CodeCodex

Turn a directory of static HTML pages into a live commenting surface. Injects a feedback library, starts a tiny server, and routes user comments into a JSONL inbox that the agent watches and responds to by editing the pages. Works in Claude Code and Codex. Trigger phrases — "make this page interactive", "make these…

vibesurf-ai/VibeSurf

Cursor rule Cursor

Guidelines for frontend development in Langflow, focusing on React/TypeScript UI components, build processes, and frontend testing.

AIDotNet/koala-ai

Cursor rule Cursor

A set of instructions for designing and building polished React user interfaces, including layouts, styling, animation, and interaction behavior. React is a JavaScript library for building interfaces from reusable components.

Consensys/doc.linea

Cursor rule Cursor

CSS architecture, tokens, and styling rules for this Docusaurus site. Apply when creating or modifying components, styles, layouts, or any UI-facing code.