Frontend

Takt365/Takt.Wpf

Cursor rule Cursor

A set of coding rules for MVVM, a design pattern that separates the user interface, its state and actions, and the underlying data and business logic.

Xialiang98/design-visual-frontend

Skill Codex

Design, build, redesign, or critically review distinctive frontend interfaces with strong composition, domain authenticity, responsive behavior, component coherence, and browser-verified visual quality. Use for websites, landing pages, login and form flows, dashboards, admin tools, product pages, portfolios, visual UI…

sliday/google-fonts-skill

Plugin Claude Code

Bundles 1 skill · 117 tokens together

Google Fonts typography system generator. Searches 1,923 fonts, suggests singles or pairs, generates CSS/Tailwind typographic systems.

fusedio/fused-render

Plugin Claude Code

Bundles 21 skills · 1,034 tokens together

Skills for using and authoring fused-render: running the local explorer and opening views, authoring HTML pages with a fused.runPython() bridge to local Python, URL-synced params, file IO helpers, custom preview templates, the machine-wide file index, the AI API (fused.ai text/streaming, local models, image…

onlineinference/json-ld-schema-generator

Skill Claude CodeCodex

Generates complete, valid schema.org JSON-LD structured data markup for web pages: Event schema (conferences, webinars), Article and blog post schema, Person profile pages, VideoObject and podcast schema, FAQ markup, product/Service offering pages, glossary and "what is X" topic pages, and general WebPage/AboutPage…

CleanSlice/mcp

MCP server Claude CodeCodexCursor +2

Architecture docs and patterns for NestJS + Nuxt full-stack apps. Remote server at mcp.cleanslice.org.

YangsonHung/awesome-agent-skills

Skill Claude CodeCodex

Use when building, modifying, or reviewing frontend UI where text overflow, layout, responsiveness, accessibility, and visual polish must be verified.

movahedan/monobun

Cursor rule Cursor

HTML semantic elements, DOM structure, responsive images, forms, CSS, and Tailwind best practices with accessibility a11y.

VirtusLab-Open-Source/astro-strapi-loader

Cursor rule Cursor

Strapi 5 + @sensinum/astro-strapi-loader — content.config.ts, populate, qs, locales.

zaidmukaddam/skills

Skill Claude CodeCodex

Apply design engineer judgment, the role that owns the shipped result rather than a handoff: decide the intent before the pixels, name the defaults you are rejecting, build hierarchy from space and weight before size, treat copy and accessibility as part of the interface, ask whether something should animate before…

HarKro753/claude-copy

Skill Claude Code

Mathematical spacing, sizing, weight, line-height, letter-spacing, radius, and padding rules for "productive" SaaS interfaces, across density regimes: Dense (Linear / Doppler / Raycast / Vercel), Comfortable/roomier (Cal.com style), and anything in between. Use this whenever you are building OR refining any such UI …

jiawei686/wechat-dev-mcp

MCP server Cursor

A Model Context Protocol (MCP) server for controlling WeChat Developer Tools. Runs locally from the wechat-dev-mcp npm package.

WebMCP-org/webmcp-sh

Cursor rule Cursor needs its repo

TanStack Router: Setup and Architecture.

godagoo/reveal-presentations

Plugin Claude Code

Bundles 1 skill, 1 command · 38 tokens together

Generate elegant HTML presentations with Reveal.js using the Autonomee.ai design system - dark background, serif headlines, muted accents.

aa-io/site

Cursor rule Cursor

This project uses Vitest for testing with React Testing Library for component testing. The testing stack includes.

Zandereins/schliff

Cursor rule Cursor

You are a senior TypeScript developer working on a Next.js 16 application.

AnayDhawan/Components

Skill Claude CodeCodex

Use when building a frontend and the user wants a distinctive / animated / "wow" UI element in React + Tailwind - e.g. a laptop-opening-on-scroll, 3D tilt card, spotlight hero, animated beams/background, marquee, bento grid, interactive globe, meteor/particle background, shimmer button, or scroll/reveal motion.…

neonwatty/css-animation-skill

Skill Claude CodeCodex

Generates self-contained HTML/CSS animations of app features for walkthroughs, demos, and onboarding. Researches the target app via Chrome, interviews the user, generates a structured brief and animation HTML file, then enters an iterative freeze-inspect-feedback review loop until the user approves. Use when the user…

slint-ui/ai-plugins

Plugin Claude Code

Bundles 1 skill · 55 tokens together

Enhances Claude's ability to work with, debug, and build Slint GUI applications.

stormaref/LiquidGlassSkill

Plugin Claude Code

Bundles 1 skill · 69 tokens together

Apple-style liquid glass: frosted, refracting surfaces for web UI, with the rules that keep them from reading as gray boxes.

dsnchz/solid-lightweight-charts

Cursor rule Cursor

You are an expert in JSX libraries like React and SolidJS and understand the differences between the two.

databayt/hogwarts

Skill Claude CodeCodex

Interactive component wizard with step-by-step guidance and enforced quality gates.

Unibean9/harness-skills

Skill Claude CodeCodex

Design and build production-grade frontend interfaces, context first - capture PRODUCT.md (strategy) and DESIGN.md (visual system), pull reusable tokens into a design system, and apply shared UX/UI rules (color, typography, layout, motion, accessibility, anti-patterns) for brand and product surfaces. Its capabilities…

iHildy/jules-task-queue

Cursor rule Cursor

This rule enforces best practices for using react-query in React applications, covering code organization, performance, security, and testing.