Frontend

PavanAnguluri/angular22-agent-skills

Skill Claude CodeCodex

Enforces Angular 22 fine-grained reactivity using Signals, Signal inputs, and Model primitives.

kumbajirajkumar123/frontend-design

Skill Claude CodeCodex

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…

Benja-Pauls/SerpentStack

Skill Claude CodeCodex needs its repo

Generate boilerplate for new API endpoints and frontend pages following this project's conventions (flush/commit transaction pattern, ownership enforcement, domain returns). Use when: adding a new resource, creating CRUD endpoints, wiring up a new frontend page, or asking 'how do I add a new feature end-to-end.'.

ririri-rgb/retro-web-ui

Skill Codex

Transform existing web application interfaces into Windows 98, Windows XP, Windows 7, or Japanese freeware 2000s desktop styles while preserving behavior. Use for repository-level retro UI conversions, not for greenfield mockups or bitmap-only artwork.

hicham-bouchikhi/quickshell-skills

Plugin Claude Code

Bundles 1 skill · 129 tokens together

QuickShell skill for Claude Code — QML desktop shell framework reference.

matracey/daisyui-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server for daisyUI React components — search docs, props, and code examples from any AI coding assistant 🌼. Runs locally from the daisyui-mcp-server npm package.

aiko-atami/fsd

Skill Codex

Apply Feature-Sliced Design (FSD) v2.1 architectural methodology to frontend projects. Use when organizing code structure, decomposing features, creating new components or features, refactoring existing codebases, or when users mention "FSD", "Feature-Sliced", layers, slices, or frontend architecture patterns.

saleor/agent-skills

Skill Claude CodeCodex

Saleor storefront data + UX playbook. Covers GraphQL query design, channel handling, data contracts per surface (PLP/PDP/nav/pricing/availability/media), variant-selection UX, and Saleor-specific correctness rules. Framework-agnostic — agent inspects repo and applies conventions locally.

williamjxj/friendshipdaycare

Skill Claude Code

Build UI components, sections, and pages for the Friendship Corner Daycare website with proper theming, animations, i18n, SEO, and responsive design. Use for: creating new components, adding page sections, building new pages, recreating UI layouts from design inspiration, ensuring theme compatibility across 5 themes…

phtn/beast

Skill Codex

Audit and port complete React applications to Beast BTSX → TSRX → Octane while preserving behavior, route contracts, and styling. Use for migrations from Vite, Create React App, React Router, TanStack Router, Remix, or Next.js. Tailwind is the default target; pure CSS is optional. Do not use for routine Beast…

naphiertech/search-engine-launch

Skill Claude CodeCodex

Use when preparing, auditing, launching, or repairing a public website or web application for search-engine crawling, indexing, search identity, sitemaps, robots directives, metadata, structured data, Google Search Console, or Bing Webmaster Tools.

boweneos/ui-flow-agent-skills

Skill Claude CodeCodex

Analyze annotated UI screenshots and markdown documentation to generate agent-consumable UI flow specifications. Use when processing web app UI flows described via markdown + screenshots into structured, automation-ready knowledge.

xirothedev/skills

Skill Codex

Highest-priority for all Next.js-related tasks involving full-stack web development. Use this skill whenever writing, reviewing, refactoring, debugging, or planning Next.js code using App Router, Server Components, Client Components, API Routes, Server Actions, data fetching, caching, revalidation, routing…

qretaio/skills

Skill Claude CodeCodex

Comprehensive Dioxus 0.7 framework expertise for building modern fullstack applications with Rust. Use when working with Dioxus for web, desktop, or mobile app development, setting up projects, implementing state management, routing, data fetching, CSS-in-Rust styling, or integrating with backend APIs and databases.

whatsuppiyush/make-my-website-non-ai-looking-claude-skill

Plugin Claude Code

Bundles 2 skills · 156 tokens together

Two skills that build websites which look designed rather than generated, and fix the ones that already look generated. Thirty giveaway patterns tiered into bans, a budget, and requirements.

Lucas-Fong/html-report-stable-base

Skill Codex

Use when supplied content or an existing HTML report needs a stable editable browser shell in either long-screen single-page mode or 16:9 PPT mode, including global and per-element styling, ECharts canvas support, standalone HTML delivery, or optional PPTX export in PPT mode.

hraness/direct

Skill Codex

Use Direct to give web, React, React Native, and Expo apps repeatable app states for testing, and to install, adopt, verify, or troubleshoot it. Trigger for repeatable signed-in, empty, loading, and error states; frontend fixtures and scenario URLs; strict JSON worlds; product-owned ports and adapters; logical time…

Mine77/lovable-design-skills

Skill Claude CodeCodex

Distinctive, production-grade frontend design with bold aesthetic direction, curated palette/typography/layout presets, and a structured design-direction flow. Use whenever building or refining UI (landing pages, product surfaces, marketing sites, dashboards) — especially when the brief is visual, broad, or "make it…

netresearch/typo3-ckeditor5-skill

Plugin Claude Code

Bundles 1 skill · 112 tokens together

CKEditor 5 development for TYPO3 v12+ with plugins and migration.

syncfusion/flutter-ui-components-skills

Skill Claude CodeCodex

Implements Syncfusion Flutter DataGrid (SfDataGrid) for displaying and manipulating tabular data in Flutter applications. Use when working with data grids, data tables, or column-based data presentation using the syncfusionflutterdatagrid package. This skill covers DataGridSource, GridColumn configuration, sorting…

lukinov/ai-form-builder

Cursor rule Cursor

Generate FormEngine-shaped React forms from a screenshot, PDF, HTML, or text description. Use whenever the user asks to build, generate, scaffold, or convert a React form — especially mentioning FormEngine, JSON schema form, signup/login/contact/onboarding/checkout/survey forms, or alternatives to Formik / React Hook…

mahdi-salmanzade/expo56-skill

Plugin Claude Code

Bundles 1 skill · 391 tokens together

Authoritative, version-pinned offline reference for Expo SDK 56 and SDK 57. One skill, 21 bundled API references, covering both building on either release and the 55→56 / 56→57 migrations. SDK 57 is current (57.0.8, RN 0.86); SDK 56 is the previous supported release (56.0.17, RN 0.85). Audited against expo/expo source.

hyemin-ht-kang/click-to-edit-ui

Plugin Claude Code

Bundles 1 skill · 213 tokens together

Point at web UI components by Alt-clicking them in the browser, then request edits by number (1, 2, 3) instead of describing elements in words.

Mun1to/SmartDefaults

Plugin Claude Code

Bundles 2 skills · 172 tokens together

Makes a website start in the visitor's own theme and language, with no flash and no forced redirects.