Frontend

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…

aahil62/unslop

Plugin Claude Code

Bundles 3 skills · 233 tokens together

Rescue ugly vibe-coded React + Tailwind sites: audit the AI-slop, interview for taste, synthesize a custom design lane, and systematically re-theme with verification.

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.

nikships/skills-registry

Skill Claude CodeCodex

Build terminal UIs with Charmbracelet (Bubble Tea, Lip Gloss, Gum). Use when: Go TUI, shell prompts/spinners, "make CLI prettier", adaptive layouts, async rendering, focus state machines, sparklines, heatmaps, kanban boards, SSH apps.

s1gmamale1/apple-design-skills

Skill Claude CodeCodex

Use when building an apple.com-style marketing/product page — the landing-page formula (sticky translucent nav, product-as-hero, full-bleed feature sections, bento grids, fat footer), scroll-driven storytelling, plus the interaction inventory that makes a flagship page feel ALIVE (continuous damped scroll-progress…

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.

wrg32786/aigent-os

Skill Claude Code

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context. Call with 'craft' for…

Trustless-Work/trustlesswork-backoffice

Cursor rule Cursor

You are acting as a Senior Fullstack Developer working on a Next.js.

c18229039407-arch/cutlin

Skill Claude CodeCodex

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke…

kanopi/cms-cultivator

Plugin Claude Code

Bundles 26 skills · 2,523 tokens together

Agent Skills and specialist agents for Drupal and WordPress development. PR workflows (create, review, release, conventional commits), design-to-code (Figma → WordPress blocks / Drupal paragraphs) with responsive styling and real-browser validation, test scaffolding and coverage analysis, documentation generation…

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 …

ryanrawlingswang/llm-rules

Cursor rule Cursor needs its repo

You are an expert full-stack TypeScript engineer working with Next.js. Produce production-ready code that follows modern Next.js App Router patterns and best practices.

jiawei686/wechat-dev-mcp

MCP server Claude CodeCodexCursor +2

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

Just-Agent/just-progress-bar-skill

Skill Claude CodeCodex needs its repo

Design, select, generate, and audit accessible creative progress bars for React, HTML/CSS, Gallery demos, recipes, CLI workflows, and Agent/MCP integrations.

Boise-State-Development/agentcore-public-stack

Cursor rule Cursor

Best practices for using and upgrading Tailwind CSS.

WebMCP-org/webmcp-sh

Cursor rule Cursor needs its repo

TanStack Router: Setup and Architecture.

aa-io/site

Cursor rule Cursor

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

anousss007/ng-blatui

Skill Claude Code needs its repo

Use the ng-blatui Angular UI library in an app — install, import components (bui-prefixed, signal-based, zoneless, SSR-safe), theme with Tailwind v4 + oklch tokens, localize dates/numbers/labels, and discover the full catalog via the registry, api.json, llms.txt or the ng-blatui-mcp MCP server. Invoke when building…

atesgoral/vite-plugin-mcp-client-tools

MCP server Claude CodeCodexCursor +2

MCP server "example-vite-client-tools", hosted remotely at localhost, as configured in atesgoral/vite-plugin-mcp-client-tools.

jaaaaaaaaaaack/custom-skills

Skill Claude CodeCodex

Review web animations by recording the browser and sending video to Gemini for frame-level analysis.

GrishaAngelovGH/gemini-cli-agent-skills

Skill Claude CodeCodex needs its repo

Expert guidance for testing React applications using React Testing Library and Vitest. Focuses on user-centric testing, accessibility, and best practices for unit and integration tests to ensure robust and maintainable code.

ssssota/chapplin

Skill Claude CodeCodex

Build and debug MCP App-enabled tools in existing projects scaffolded by create-chapplin. Use when extending tools/.tsx with defineTool and defineApp , wiring structuredContent and meta for UI data flow, handling runtime differences across react/preact/solid/hono targets, or troubleshooting chapplin preview and…

mamamou/ai-coding-skills

Skill Claude CodeCodex

Angular enterprise architecture guidelines for structuring scalable, production-grade applications. Use when scaffolding a new Angular project, reviewing project structure, setting up feature slices, choosing state management, configuring data fetching, or making architectural decisions in an Angular/TypeScript…