14,027 tagged Frontend, measured the same way as everything else here.
Browse within: skills 138agent 128agentic-ai 98javascript 95LLM 87nextjs 78agents 63design-system 62cli 55copilot 55agentic 51claude-code-plugin 45chatgpt 43open-source 42
lumpinif/frontend-ui-engineering
Skill Claude CodeCodex
Modern frontend UI engineering guidelines for building and reviewing clear, accessible, maintainable product interfaces. Use when creating, modifying, or reviewing UI components, pages, layouts, HTML, CSS, JavaScript, TypeScript, accessibility, responsive behavior, interaction states, motion, performance, or frontend…
adriangrantdotorg/Raycast-Skill
Skill Claude CodeCodex
Best practices and workflows for developing and modifying Raycast Extensions (React/Node). Use when the user asks to create, update, or troubleshoot a Raycast extension, whether it interfaces with external APIs (Notion, Spotify) or executes local scripts (AppleScript, Keyboard Maestro).
Skill Claude CodeCodex
Render rich React + MDX UIs in a browser window for the user. Pipe MDX via stdin in a single tool call — no temp files. Use when presenting plans, diffs, tables, comparisons, dashboards, or anything where markdown-in-terminal would be lossy.
Skill Claude CodeCodex
Teaches AI assistants how to develop FlutterFlow apps using MCP tools. Use this skill when working with FlutterFlow projects, editing FF YAML, creating or inspecting pages and components, reading project configuration, or navigating FlutterFlow widget trees. It covers all 25 MCP tools for discovery, reading, editing…
XiangyuSu611/obsidian-theme-designer
Skill Claude CodeCodex
Use when the user wants to design, preview, or customize an Obsidian vault theme — including choosing styles, comparing color schemes, adjusting typography, or generating CSS snippets. Triggers on keywords like "Obsidian theme", "color scheme", "CSS snippet", "appearance".
Skill Claude CodeCodex
Use when creating or modifying UI components — always check the design system for existing components and tokens before writing code.
Skill Claude CodeCodex
Skill "aether-aesthetics" from takzen/aether-agent, covering skill: aether aesthetics, główne zasady (design tokens), 1. paleta kolorystyczna (modern hsl), 2. glassmorphism (efekt szklany) and 3. animacje (framer motion).
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…
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.
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…
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.
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…
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.
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.
Skill Claude CodeCodex
Implement a Figma design to a measured 1:1 match by round-tripping — build from the extracted tokens, render it, screenshot it, diff it against Figma numerically, fix every discrepancy, repeat until the delta is zero across every state and both themes. Use when building, implementing, porting, or restyling any UI from…
Skill Claude CodeCodex
Use when driving a uigraph workspace over MCP — building or auditing the UI transition graph, reconciling LLM proposals, or running Tier-3 runtime verification. Load before calling any uigraph tool.
Skill Claude CodeCodex
Publish your own work to 21st.dev and manage it from the terminal with the 21st CLI (@21st-dev/cli): publish a React component to a team library, publish a CSS theme or a template listing, edit / unpublish / delete your published items, list and reopen existing component work, and read/replace your public profile page…
Skill Codex
Build or update Angular 22+ interfaces with NeuralNg when exact component selection, imports, forms, accessibility, SSR, icons, or theming guidance is needed.
Skill Claude CodeCodex
Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.
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: