Cursor rule Cursor
Apply the UIZZE design contract and finish gate to frontend work.
not rated 17
+3 4d ago A 177 tokens
original MIT
frontend
218materialize-labs/ai-optimized-starter-app
Cursor rule Cursor
Follow these rules when working on the frontend.
not rated 16 1y ago A 9 tokens
original MIT
ng-blatui
219Skill Claude CodeCodex
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…
not rated 16 2d ago A 108 tokens
original MIT
Xialiang98/design-visual-frontend
Skill Claude CodeCodex
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…
not rated 16
+1 1mo ago A 80 tokens
original MIT
cursorrules
221Cursor rule Cursor
Use the latest version of Shadcn to install new components, like this command to add a button component.
not rated 15 4mo ago A 45 tokens
copy · 100% MIT
animate-css
222Skill Claude CodeCodex
Add CSS animations to HTML elements, React/JSX components, or WordPress PHP templates using Animate.css (v4.1.1). Use this skill whenever the user wants to animate UI elements, add entrance/exit effects, attention-seeker animations, or any CSS-based motion to their markup. Trigger on phrases like "add animation"…
not rated 14 5mo ago A 141 tokens
cursorrules
223Cursor rule Cursor
this is a desktop app, powered by tauri, react, typescript and vite. use bun as package manager. use tailwind css with shadcn/ui for styling. write git commit message in english, and keep it one line.
not rated 14 1y ago A 49 tokens
doublesq97-ui/su-webstyle-top12
Skill Claude CodeCodex
Curated Top 12 overseas web styles with executable recipes: browse, choose, recommend, auto-select, and apply. Use for website visual direction, landing pages, style boards, artifacts (cards, dashboards, note readers, sticky-rail ops shells), and skinning existing layouts. Raises a minimum style floor (tokens…
not rated 14 1mo ago A 80 tokens
original MIT
custom-component
225Cursor rule Cursor
Guide for creating React components using the useProps pattern with Mantine for centralized theme-based styling. Apply when creating or modifying components that need theme integration.
not rated 14 today A 0 tokens
original MIT
Angular-Material-Dev/angular-material-ai-rules
Cursor rule Cursor
This rule provides comprehensive best practices and coding standards for Angular development with Angular Material, focusing on Material 3 (a.k.a. M3) design, theme configuration and various API usages.
not rated 13 3mo ago A 0 tokens
original MIT
components
227Skill 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.…
not rated 13
changed yesterday A 202 tokens
best-practices
228ofershap/tailwind-best-practices
Cursor rule
Tailwind CSS Best Practices - enforces v4 syntax and CSS-first config when working with Tailwind code.
not rated 13 6mo ago A 272 tokens
original MIT
22duxiaoyu/replicate-webpage-skill
Skill Claude CodeCodex
A webpage-rebuilding workflow that recreates the visible layout, responsive behavior, and interactions of a reference URL in your codebase, then applies requested content or branding changes.
not rated 12 2mo ago A 85 tokens
original MIT
css-animation
230Skill 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…
not rated 12 4mo ago A 97 tokens
original MIT
google-fonts
231Plugin 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.
not rated 12
changed yesterday A
tokens not measured
original MIT
wirekit
232Cursor rule Cursor
WireKit component library conventions for AI tooling.
not rated 12
+2 today A 0 tokens
original MIT
Skill Claude CodeCodex
Pixel-perfect website cloner. Given a URL, faithfully reproduces the page as a single self-contained HTML file. Uses Playwright to render the page in a real browser, then directly extracts the rendered DOM + all computed CSS — no manual rewriting. Handles static HTML, JS-rendered SPAs, Webflow, Next.js, and any…
not rated 11 5mo ago A 129 tokens
original MIT
basecoat-ui
234MCP server Claude CodeCodexCursor +2
MCP server "basecoat-ui" as configured in Sorbh/basecoat-ui-mcp. Runs /absolute/path/to/basecoat-mcp/server.js with node.
not rated 11 1y ago A
tokens not measured
frontend-design
235Rodriguespn/improve-skills-workshop-aie-europe
Skill Claude CodeCodex
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.
not rated 11 5mo ago A 54 tokens
Skill Claude CodeCodex
Build software with elite design principles focusing on user outcomes, trust, accessibility, and performance. Use when creating UI components, designing user flows, writing production code, reviewing code quality, or when the user mentions UX, accessibility, performance, or trust-focused development.
not rated 11 5mo ago A 56 tokens
ship-page
237Skill Claude CodeCodex
Create stunning, interactive landing pages for products, startups, and side projects — zero dependencies, single HTML file. Use this skill whenever the user wants to build a landing page, product page, launch page, marketing page, or any promotional web page for their app, tool, SaaS, open-source project, or personal…
not rated 11 6mo ago A 126 tokens
original MIT
zap
238Skill Claude CodeCodex
Customize any running Electron desktop app (Slack, Codex, VS Code, Discord, Notion, etc.) live without modifying app files. Use when the user wants to change how an Electron app looks or behaves — move panels, change fonts, hide elements, inject features, restyle UI — all applied instantly via Chrome DevTools Protocol…
not rated 11 4mo ago A 79 tokens
original MIT
Skill Claude CodeCodex
Recommend and apply commercially usable Korean webfonts for vibe-coded frontends, landing pages, portfolios, dashboards, editorial pages, campaign microsites, and developer UIs. Use when Codex needs to choose Korean typography by mood or tone and manner, explain why a font fits a concept, verify that the font is safe…
not rated 11 1mo ago A 103 tokens
uxui-designer
240GlamgarOnDiscord/uxui-AI-Prompt
Skill Claude CodeCodex
Expert Senior Frontend Engineer & UI/UX Designer for premium, dark-mode SaaS interfaces and modern landing pages. Triggers on: /build, /polish, /audit, /critique, /animate, /imagify, /dials, /variant — or any request involving UI design, landing pages, dashboards, components, frontend code, design systems, or visual…
not rated 11 1mo ago A 107 tokens
original MIT
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: