discover-frontend

discover-frontend is a skill for Claude Code, Codex from rand/cc-polymath. It costs 44 tokens per session (2,177 once invoked), scanned A, original, MIT.

A skill finder for frontend web development, the part of an application users see and interact with. It covers React, Next.js, components, state, data fetching, forms, accessibility, speed, search visibility, and terminal interfaces.

In plain words
What is it for?
Use it when building React or Next.js interfaces, managing UI state, loading data, validating forms, improving accessibility or performance, adding SEO metadata, or creating terminal-based interfaces.
Why use it?
It reduces the work of locating suitable guidance for a particular interface problem. Relevant frontend skills are discovered when the task matches them.

Skill for Claude CodeCodex

Part of the cc-polymath plugin — 26 skills, 1 command, 4 agents shipped together

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/rand/cc-polymath/discover-frontend
Any agent
npx skills add rand/cc-polymath --skill discover-frontend
Clone the repo
git clone --depth 1 https://github.com/rand/cc-polymath

Made for: Claude Code, Codex.

Or install cc-polymath, the plugin that ships this one along with the rest of its 26 skills, 1 command, 4 agents.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for discover-frontend

README.md
[![agentmods](https://agentmods.dev/badge/skills/rand/cc-polymath/discover-frontend.svg)](https://agentmods.dev/skills/rand/cc-polymath/discover-frontend)
Your own site
<a href="https://agentmods.dev/skills/rand/cc-polymath/discover-frontend"><img src="https://agentmods.dev/badge/skills/rand/cc-polymath/discover-frontend.svg" alt="Measured on agentmods" height="20"></a>
Per session 44 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,177 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00044 $0.02177
Opus 5 $0.00022 $0.01089
Sonnet 5 $0.00009 $0.00435
Haiku 4.5 $0.00004 $0.00218

Measured 4d ago against content hash 902340f7e5b5, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

discover-frontend scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 4d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/discover-frontend/SKILL.md · 335 lines

How it starts

The opening of the file, as written. The whole thing — 335 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Frontend Skills Discovery

Provides automatic access to comprehensive frontend development skills.

When This Skill Activates

This skill auto-activates when you're working with:

  • React component development
  • Next.js applications and App Router
  • State management (Context, Zustand, Redux)
  • Data fetching (SWR, React Query, Server Actions)
  • Form handling and validation
  • Web accessibility (WCAG, ARIA)
  • Frontend performance optimization
  • SEO and metadata
  • UI/UX design implementation
  • terminal user interfaces
  • TUI
  • Bubble Tea
  • Ratatui
  • terminal UI
  • text-based interfaces
  • ncurses

Available Skills

Quick Reference

The Frontend category contains 16 skills across 2 subcategories (+ elegant-design):

Frontend (11 skills):

  1. react-component-patterns - Component design, composition, hooks, performance
  2. nextjs-app-router - Next.js 14+ App Router, Server Components, routing
  3. react-state-management - Context, Zustand, Redux Toolkit patterns
  4. react-data-fetching - SWR, React Query, Server Actions, data patterns
  5. react-form-handling - React Hook Form, Zod validation, form patterns
  6. web-accessibility - WCAG 2.1 AA compliance, ARIA, keyboard navigation
  7. frontend-performance - Bundle optimization, Core Web Vitals, code splitting
  8. nextjs-seo - SEO with Next.js, metadata API, structured data
  9. web-workers - Web Workers API, message passing, offloading computation
  10. browser-concurrency - Service Workers, SharedWorkers, Worklets, PWAs
  11. elegant-design/SKILL.md - World-class accessible interfaces (separate Agent Skill)

TUI (5 skills): See ../tui/INDEX.md

Load Full Category Details

Read ../frontend/INDEX.md Read ../tui/INDEX.md

Common Workflows

New Next.js Application

Sequence: App Router → Components → Data Fetching

Read ../frontend/nextjs-app-router.md # Setup routing, layouts Read ../frontend/react-component-patterns.md # Build components Read ../frontend/react-data-fetching.md # Fetch data

Read the full file on GitHub · 335 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 4d ago First seen · 335 lines · 44 tokens per session scan A 902340f7e5b5

Subscribe to this mod's changes

discover-frontend is a skill published in the GitHub repository rand/cc-polymath (136 stars, last pushed 6mo ago), licensed MIT. It adds 44 tokens to every session and 2,177 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

claude-md-improver

Audit and improve CLAUDE.md files in repositories. Use when user asks to check, audit, update, improve, or fix CLAUDE.md files. Scans for all CLAUDE.md files, evaluates quality against templates, outputs quality report, then makes targeted updates. Also use when the user mentions "CLAUDE.md maintenance" or "project…

anthropics/claude-plugins-official · 82 tokens

agent-platform-rag-engine-management

Manage and query Agent Platform RAG Engine Corpora and retrieve grounded contexts using the Google GenAI SDK. Use when listing RAG corpora or files, inspecting a corpus, retrieving contexts, or generating content grounded in a RAG corpus. Do not use for standard database queries (use SQL/Spanner skills), Google…

google/skills · 85 tokens

agent-platform-model-registry

Agent Platform Model Registry Management. Use when you need to upload, list, describe, update, or delete machine learning models (and their versions) in the Agent Platform Model Registry. Don't use for model training, model deployment to endpoints, or managing non-Agent Platform models.

google/skills · 60 tokens

twitter-reader

Read Twitter/X for financial research using opencli (read-only). Use this skill whenever the user wants to read their Twitter feed, search for financial tweets, view bookmarks, look up user profiles, or gather market sentiment from Twitter/X. Triggers include: "check my feed", "search Twitter for", "show my…

himself65/finance-skills · 161 tokens

chenhao-limit-up

Use when evaluating A-share limit-up (涨停板) setups through Chen Hao's sentiment and momentum lens: market emotion cycles, board strength, follow-through, and short-term aggressive momentum trading.

questflowai/investorskills · 44 tokens

comet-github

将 Comet GitHub 维护请求路由到基于证据的 PR 审阅、Issue 分诊、本地想法收集、CI 诊断或 Issue 实施流程。用户提到 Comet GitHub Issue/PR 但未指定流程,或询问下一步如何处理时使用。.

rpamis/comet · 72 tokens