13,819 tagged Frontend, measured the same way as everything else here.
Browse within: skills 122agent 115agentic-ai 98javascript 93LLM 91nextjs 84css 83checklist 78front-end-developer-tool 78front-end-development 78design-system 63copilot 60agents 51open-source 47
Skill Claude Code
Use for ALL Streamlit tasks: creating, editing, debugging, beautifying, styling, theming, optimizing, or deploying Streamlit apps. Also custom components, st.components.v2, HTML/JS/CSS work. Discovers and loads version-matched reference docs from the user's installed Streamlit (>=1.57). Triggers: streamlit, st.…
Skill Claude CodeCodex
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
Skill Claude CodeCodex
NERV Operations Console aesthetic for web interfaces — Evangelion-inspired instrumentation UI with black void backgrounds, sparse high-contrast color coding (orange headers, green nominal data, cyan wireframes, red alerts), dense monospaced data readouts, measurement overlay grids, hex scanner patterns, CRT/VHS…
internet-development/nextjs-css-agent-components
Skill Claude CodeCodex
Construct a new app page from scratch using this repo's component system. Use when the user says "build a new page for X", "create a settings page", "add a dashboard for Y", "scaffold an app screen", or otherwise wants a Next.js page assembled from the project's elements/components/patterns. Produces a route under…
curiositech/some_claude_skills
Skill Claude Code
Master of stylized atmospheric effects using SVG filters and CSS animations. Creates clouds, waves, lightning, rain, fog, aurora borealis, god rays, lens flares, twilight skies, and ocean spray—all with a premium aesthetic that's stylized but never cheap-looking.
DeckardGer/tanstack-agent-skills
Skill Claude CodeCodex
TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-driven React applications with server state.
Skill Claude CodeCodex
Use when developing WordPress (Gutenberg) blocks: block.json metadata, registerblocktype(frommetadata), attributes/serialization, supports, dynamic rendering (render.php/rendercallback), deprecations/migrations, viewScript vs viewScriptModule, and @wordpress/scripts/@wordpress/create-block build and test workflows.
Skill Claude CodeCodex
A development guide for creating custom pages in Yida, a business application platform, using React 18. It covers pages such as websites, dashboards, workspaces, lists, details, and portals inside YidaCodeCanvas.
Skill Claude CodeCodex
A front-end development guide for building interfaces shown inside SillyTavern chat messages, using HTML, CSS, JavaScript, or Vue 3. It also covers message placeholders, MVU variable access, packaging, deployment, and local previews.
Skill Claude CodeCodex
Recommend 3-5 targeted frontend resources from the fe-tools curated directory for a user's question. Use when the user asks where to learn, what to use, how to choose frontend tools/resources/docs/platforms, or wants curated recommendations for CSS, JS/TS, React, Vue, Node/build, compatibility, AI tools, agent skills…
arvindrk/extract-design-system
Skill Claude CodeCodex
Extract design primitives from a public website and generate starter token files for your project.
tao943/build-resume-portfolio-site
Skill Claude CodeCodex
Use when turning resume materials and an optional job description into verified, approved content and a runnable React + Vite resume or portfolio site, or when redesigning an existing confirmed site.
Skill Claude Code
Puts real design variations of one project file on the user's own localhost, behind a small card that flips them with the arrow keys, then keeps listening for their verdict. Use when the user wants design variations, alternatives, or directions to choose between; asks to try a different hero, layout, palette, section…
Skill Claude CodeCodex
A tool that packages a visual theme for SolonCode Web UI as an installable ZIP file. SolonCode is a web-based coding interface, and a skin changes its colors, backgrounds, and overall appearance.
Skill Claude CodeCodex
Produce thoughtful, high-fidelity design artifacts in HTML — landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and visual explorations. Use whenever the user asks to design, mock up, prototype, visualize, storyboard, or explore UI options — including phrases like "make a deck"…
Skill Claude CodeCodex
Configure, customize, extend, and maintain websites built with the Astro Stardrive boilerplate. Use when creating a Stardrive project, completing its guided setup, changing its pages or components, or preserving Stardrive conventions while adding features.
Skill Claude CodeCodex
Comprehensive guidelines for Obsidian.md plugin development including ESLint rules from eslint-plugin-obsidianmd v0.4.1, TypeScript best practices, memory management, API usage (requestUrl vs fetch), UI/UX standards, popout window compatibility, community.obsidian.md submission process, and Scorecard optimization. Use…
yizhiyanhua-ai/fireworks-open-eli5
Skill Claude CodeCodex
Create evidence-aware, interactive visual explainers as self-contained offline HTML. Use when a user asks to explain a concept, repository module, engineering tradeoff, or incident with a diagram, walkthrough, ELI5 treatment, data/request trace, failure view, or teach-back. Do not use for a plain short answer…
Skill Claude CodeCodex
Generate type scales, color palettes, spacing systems, WCAG contrast checks, and dark mode derivations with math. Use when setting up a design system, creating tokens, or building a Tailwind/CSS theme. Outputs CSS custom properties, Tailwind config, or JSON tokens.
skilld-dev/vue-ecosystem-skills
Skill Claude CodeCodex
The progressive JavaScript framework for building modern web UI. ALWAYS use when editing or working with .vue files or code importing "vue". Consult for debugging, best practices, or modifying vue, core.
robotostudio/turbo-start-sanity
Skill Claude CodeCodex needs its repo
Scaffold a new page builder block for Turbo Start Sanity end-to-end — Sanity schema, GROQ projection, styled React component, Markdown serializer, tests, and all registrations. Use when asked to add, create, or scaffold a new page builder block, section, or content module (e.g. "add a testimonials block", "create a…
Skill Claude CodeCodex ✓ vendor
Use MSAGL-JS (Microsoft Automatic Graph Layout) to lay out and visualize networks in JavaScript or TypeScript. Use for graph and network layout, DOT/JSON/JGF parsing, live embedded SVG or WebGL graphs, Sugiyama/MDS/IPSepCola layouts, edge routing, and exporting SVG, PDF, PNG, EPS, or PostScript figures for LaTeX and…
Skill Claude CodeCodex
This skill provides guidance for AI agents working with the Hex1b TUI (Terminal User Interface) library and its MCP diagnostic tools.
Skill Codex
Audit and fix UI quality issues across web apps, dashboards, landing pages, product sites, forms, dialogs, tables, component libraries, and rendered frontend flows. Use when the user asks for UI walkthrough, visual QA, pixel/detail review, dimensions, spacing, whitespace, color hierarchy, alignment, typography, icon…
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: