architecture
1105Cursor rule Cursor
Project architecture, IPC, and dev workflow — read before coding.
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.
Cursor rule Cursor
Project architecture, IPC, and dev workflow — read before coding.
ngocanhnckh/liquid-glass-frontend-skill
Skill Claude CodeCodex
Use when building a beautiful, distinctive, awwwards-tier web frontend — landing pages, dashboards, web apps, marketing sites — that needs Apple-style liquid-glass surfaces, choreographed motion.dev animations, and creative editorial layouts instead of the generic SaaS look (icon-card rows, centered heroes, default…
Skill Claude CodeCodex
OpenSpec-style design development pipeline for visual direction, UX research, website cloning and reverse-engineering, interaction polish, frontend implementation, and evidence-backed QA. Use for product UI, marketing pages, dashboards, live-page references, pixel-accurate rebuilds, design reviews, and frontend work…
Skill Claude CodeCodex
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards…
Plugin Claude Code
Bundles 19 skills · 2,369 tokens together
Build, migrate, debug, test, secure, and deploy Meteor 3 applications.
Skill Claude CodeCodex
Build, integrate, migrate, debug, or document OpenUI, OpenUI Gateway (formerly OpenUI Cloud), and OpenUI Lang apps, including Agent Interface, CLI scaffolds, APIs, component libraries, tools, persistence, theming, and observability.
opkod-france/opkod-claude-code-plugins
Plugin Claude Code
Bundles 1 skill, 4 commands, 1 agent, 2 hooks · 306 tokens together
Strapi v5 plugin development — Document Service API, factory patterns, RHF+Zod, TanStack Query v5. Includes auto-firing hooks (anti-pattern detection, schema validation, context injection), slash commands (/strapi-scaffold-plugin, /strapi-add-content-type, /strapi-add-cm-panel, /strapi-verify), and a strapi-reviewer…
Skill Claude Code
Frontend development patterns for React, React Native, Vue, Next.js, SwiftUI, Flutter, state management, performance optimization, and UI best practices.
Skill Codex
Use when designing, adding, changing, suggesting, or reviewing UI motion. Motion Guide is a default-trigger motion decision advisor for AI coding agents: it decides whether motion should exist, selects an appropriate functional or expressive pattern, and constrains implementation with timing, easing, accessibility…
Lombiq/Orchard-Core-Agent-Skills
Skill Claude CodeCodex needs its repo
Evidence-first Orchard Core theming skill for shapes, alternates, placement, Razor/Liquid templates, content model access, assets/resources, and recipes. Use for theme adjustments, shape overrides, template discovery, content item/field access, placement.json rules, and recipe authoring in Orchard Core projects.
Skill Claude CodeCodex
How to distill a frontend style from an existing project and submit it to the Taste Bank library. Covers the full contribution SOP: identity setup, sampling, packing, desensitization, and CLI submission. Invoke when the user wants to contribute/submit a new style, or distill a project's visual design into a reusable…
Plugin Claude Code
Bundles 1 skill · 95 tokens together
Expert UIKit guidance for lifecycle, Auto Layout, collection views, memory management, concurrency, and modern API adoption.
Lrinvl1203/world-class-web-design-os
Skill Codex
Use for end-to-end website or interface design, redesign, implementation, or major visual polish; orchestrates discovery, references, art direction, systems, build, critique, QA, and release gates.
Plugin Claude Code
Bundles 4 skills · 245 tokens together
Visual Design Mode overlay for annotating, inspecting, and modifying UI elements directly in the browser. Click elements to annotate, hover to inspect box models, and let Claude apply your design feedback to source code.
Skill Claude CodeCodex
Use when designing, refactoring, or reviewing web interfaces that should feel calm, precise, functional, and visually restrained. Applies minimalist UI principles inspired by Ludwig Mies van der Rohe, Louis Sullivan, Massimo Vignelli, Dieter Rams, and Jony Ive, with emphasis on strong typography, structured layouts…
Agent Claude Code needs its repo
Tadpole OS frontend specialist for React, Vite, TypeScript, Zustand, Tailwind v4, WebSockets integration, Tauri bridge, and frontend-backend contracts.
Cursor rule Cursor
Use this rule when working with Humn frontend framework code (.humn files, Cortexes).
Skill Claude CodeCodex
A set of strict CSS and React component guidelines for replicating the highly dense, micro-indexed, and smoothly expanding auto-hiding scrollbar side panel UI seen in DeepSeek's chat history timeline.
Plugin Claude Code
Bundles 9 skills · 758 tokens together
Builds memory-first HTMX + PHP + Bootstrap 5.3 applications with a consistent design system, a fixed phased build order, and an Ask Me Anything feature in every app.
Cursor rule Cursor
name: uicomponentpatterns description: Enforce consistent folder structure and naming for UI components filters.
Skill Claude CodeCodex
Production-ready React form patterns using React Hook Form (default) and TanStack Form with Zod integration. Use when building forms in React applications. Implements reward-early-punish-late validation timing.
aminvishvam/fluentui-mcp-server
MCP server Claude CodeCodexCursor +2
MCP server "fluentui-mcp-server" as configured in aminvishvam/fluentui-mcp-server. Runs locally from the fluentui-mcp-server npm package.
MCP server Claude CodeCodexCursor +2
MCP server for AI-powered Three.js/Threlte scene inspection and manipulation. Runs locally from the threlte-mcp npm package.
gianpieropuleo/radix-mcp-server
MCP server Claude CodeCodexCursor +2
A Model Context Protocol (MCP) server for Radix UI libraries (Themes, Primitives, Colors), providing AI assistants with access to component source code, installation guides, and design tokens. Runs locally from the @gianpieropuleo/radix-mcp-server npm package. Needs 1 environment variable to run.
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: