Frontend AI skills — page 2

168 Frontend skills · 61–120

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating accessibility checks into CI/CD pipelines.

Claude CodeCodexCursor+1
25k GitHub stars MIT Updated Aug 17, 2026 Free

Company Architect: builds a business from scratch as an OKF (Open Knowledge Format) bundle — a tree of version-controllable .md files with frontmatter type, links forming a graph, and reserved index.md/log.md, readable by humans and agents. Guides the founder through a 12-phase interview (foundation, strategy, market, financial, sales, marketing, product, operations, tech, people, legal, governance), one phase at a time, few questions per block, and generates the concepts as conformant markdown. Trigger when the user wants to create, structure, or document an entire company in folders and .md files; when they mention build my company from scratch, company as code, company knowledge base for AI to read, company wiki for agents, OKF, or knowledge bundle. In English.

Claude CodeCodexCursor+1
25k GitHub stars MIT Updated Aug 17, 2026 Free

Assembles comprehensive board and investor update decks by pulling perspectives from all C-suite roles. Use when preparing board meetings, investor updates, quarterly business reviews, or fundraising narratives. Covers structure, narrative framework, bad news delivery, and common mistakes.

Claude CodeCodexCursor+1
25k GitHub stars MIT Updated Aug 17, 2026 Free

Run tests on BrowserStack. Use when user mentions "browserstack", "cross-browser", "cloud testing", "browser matrix", "test on safari", "test on firefox", or "browser compatibility".

Claude CodeCodexCursor+1
25k GitHub stars MIT Updated Aug 17, 2026 Free

ego-browser (ego-lite) is a Chromium-based browser designed from the ground up to be friendly to both human users and AI Agents. AI Agents work in their own isolated space, reusing the user's login state without competing for the browser. Use this skill whenever the user needs to interact with a website opening pages, filling forms, clicking buttons, taking screenshots, extracting page data, testing web apps, logging into sites, automating browser operations, or any other browser automation task. Triggers include requests to "open a website", "visit a URL", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "extract content from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction. Also used for exploratory testing, dogfooding, QA, bug hunting, or reviewing app quality. Prefer ego-browser over any built-in browser automation, web fetch, or other web tools.

Claude CodeCodex
12k GitHub stars MIT Updated Aug 18, 2026 Free

Expert guidance for fine-tuning LLMs with LLaMA-Factory - WebUI no-code, 100+ models, 2/3/4/5/6/8-bit QLoRA, multimodal support

Claude CodeCodex
12k GitHub stars MIT Updated Jun 16, 2026 Free

Provides guidance for mechanistic interpretability research using TransformerLens to inspect and manipulate transformer internals via HookPoints and activation caching. Use when reverse-engineering model algorithms, studying attention patterns, or performing activation patching experiments.

Claude CodeCodex
12k GitHub stars MIT Updated Jun 16, 2026 Free

Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimizes bundle performance. Use when building Angular 17+ applications with standalone components or signals, setting up NgRx stores, establishing RxJS reactive patterns, performance tuning, or writing Angular tests for enterprise apps.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free

Use when building CLI tools, implementing argument parsing, or adding interactive prompts. Invoke for parsing flags and subcommands, displaying progress bars and spinners, generating bash/zsh/fish completion scripts, CLI design, shell completions, and cross-platform terminal applications using commander, click, typer, or cobra.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free

Conducts structured requirements workshops to produce feature specifications, user stories, EARS-format functional requirements, acceptance criteria, and implementation checklists. Use when defining new features, gathering requirements, or writing specifications. Invoke for feature definition, requirements gathering, user stories, EARS format specs, PRDs, acceptance criteria, or requirement matrices.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free

Use when building cross-platform applications with Flutter 3+ and Dart. Invoke for widget development, Riverpod/Bloc state management, GoRouter navigation, platform-specific implementations, performance optimization.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free

Use when building game systems, implementing Unity/Unreal Engine features, or optimizing game performance. Invoke to implement ECS architecture, configure physics systems and colliders, set up multiplayer networking with lag compensation, optimize frame rates to 60+ FPS targets, develop shaders, or apply game design patterns such as object pooling and state machines. Trigger keywords: Unity, Unreal Engine, game development, ECS architecture, game physics, multiplayer networking, game optimization, shader programming, game AI.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free

Use when building, configuring, or debugging enterprise Java applications with Spring Boot 3.x, microservices, or reactive programming. Invoke to implement WebFlux endpoints, optimize JPA queries and database performance, configure Spring Security with OAuth2/JWT, or resolve authentication issues and async processing challenges in cloud-native Spring applications.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free

Writes, debugs, and refactors JavaScript code using modern ES2023+ features, async/await patterns, ESM module systems, and Node.js APIs. Use when building vanilla JavaScript applications, implementing Promise-based async flows, optimising browser or Node.js performance, working with Web Workers or Fetch API, or reviewing .js/.mjs/.cjs files for correctness and best practices.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free

Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set up API routes, add streaming SSR, write generateMetadata for SEO, scaffold loading.tsx/error.tsx boundaries, or deploy to Vercel. Triggers on: Next.js, Next.js 14, App Router, RSC, use server, Server Components, Server Actions, React Server Components, generateMetadata, loading.tsx, Next.js deployment, Vercel, Next.js performance.

Claude Code
11k GitHub stars MIT Updated Aug 7, 2026 Free

从当前安装包查询 Cherry Studio 产品信息并排查运行问题。当用户询问功能、路由、快捷键、Provider、语言、Agent、频道、定时任务、Code CLI、当前版本,或报告运行错误、连接失败、配置异常并需要诊断时触发。

↑ GrowingActive Claude CodeCodex
52k GitHub stars AGPL-3.0-only Updated Sep 21, 2026 Free

✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills × 9 Surfaces (magazine · deck · poster · XHS / tweet · prototype · data report · Hyperframes) 🛡️ Sandboxed preview · 📤 1-click to WeChat / X / Zhihu / HTML / PNG 🔑 Zero API key — Claude Code / Cursor / Codex / Gemini / Copilot / OpenCode / Qwen / Aider.

Claude CodeCodexCursor+3
8k GitHub stars Apache-2.0 Updated Jul 28, 2026 Free

Smart contract development advisor based on Trail of Bits' best practices. Analyzes codebase to generate documentation/specifications, review architecture, check upgradeability patterns, assess implementation quality, identify pitfalls, review dependencies, and evaluate testing. Provides actionable recommendations.

Official Claude Code
6.6k GitHub stars CC-BY-SA-4.0 Updated Aug 18, 2026 Free

Searches and explores Burp Suite project files (.burp) from the command line. Use when searching response headers or bodies with regex patterns, extracting security audit findings, dumping proxy history or site map data, or analyzing HTTP traffic captured in a Burp project.

Official Claude Code
6.6k GitHub stars CC-BY-SA-4.0 Updated Aug 18, 2026 Free

The fastest browser for AI agents to run browser automation, built for sharing your logged-in browser state with your AI agents, like Codex or Claude Code, without disturbing you. Zero cost, zero config.

Claude CodeCodex
6.3k GitHub stars MIT Updated Jul 30, 2026 Free

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). Generates creative, polished code and UI design that avoids generic AI aesthetics.

6.2k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

6.2k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.

5.8k GitHub stars MIT Updated Jun 23, 2026 Free

Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.

5.8k GitHub stars MIT Updated Jun 23, 2026 Free

Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.

5.8k GitHub stars MIT Updated Jun 23, 2026 Free

Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, generating type declarations, bundling for multiple formats, or migrating from tsup.

5.8k GitHub stars MIT Updated Jun 23, 2026 Free

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.

5.8k GitHub stars MIT Updated Jun 23, 2026 Free

Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.

5.8k GitHub stars MIT Updated Jun 23, 2026 Free

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

5.8k GitHub stars MIT Updated Jun 23, 2026 Free

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

5.8k GitHub stars MIT Updated Jun 23, 2026 Free

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

5.8k GitHub stars MIT Updated Jun 23, 2026 Free

Use this skill when you need to control a Chrome browser via CDP (Chrome DevTools Protocol) to reuse existing login sessions. Covers: launching Chrome in debug mode, opening URLs, waiting for page load, evaluating JavaScript, taking snapshots, and extracting auth tokens. Trigger phrases: browser automation, CDP, agent-browser, 浏览器操作, 操作浏览器, Chrome CDP, 复用登录态, extract token from browser.

Claude Code
5.8k GitHub stars MIT Updated Aug 18, 2026 Free

Claude Code Guide - Setup, Commands, workflows, agents, skills & tips-n-tricks go from beginner to power user!

Claude Code
4.4k GitHub stars MIT Updated Jul 26, 2026 Free

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

5.8k GitHub stars MIT Updated Jun 23, 2026 Free

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

5.8k GitHub stars MIT Updated Jun 23, 2026 Free

Use when Cherry Studio 用户希望报告、提交或整理 BUG、UI/UX 问题或功能建议,但未明确要求创建 GitHub Issue。

↑ GrowingActive Claude CodeCodex
52k GitHub stars AGPL-3.0-only Updated Sep 21, 2026 Free

Proves the system works by writing and executing comprehensive test suites.

↑ GrowingActive Claude CodeCodexCursor+2
47k GitHub stars MIT Updated Sep 21, 2026 Free

16 列网格 + 单一饱和 accent + 22 个锁死版面 (Klein Blue / Lemon / Mint / Safety Orange)

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

Decision needed + recommendation + evidence + tradeoffs, 把复杂材料压成可拍板的一页

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

Replit Slides 八套主题 (helix/holm/vance/bevel/world/atlas/bluehouse)

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

A high-performance desktop application for managing skills across multiple AI coding assistants. Seamlessly organize, sync, and share skills for Claude Code、Codex、Opencode and other AI tools. Built with Tauri 2.0, React 19, and Rust.

Claude CodeCodexOpenCode
916 GitHub stars MIT Updated Jul 28, 2026 Free

Guides new users through a friendly onboarding experience

Official Claude Code
15k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

暖羊皮纸底 (#f5f4ed) + 墨蓝单色 accent (#1B365D) + 单一衬线字体, 编辑级排印

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

GitHub-dark + JetBrains Mono + 终端代码块, 含 agenda + Q&A

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

服务概述 + alerts 表 + dashboards + 操作命令 + on-call + 事故清单

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

10 页融资 deck, 白底 + 蓝紫渐变 hero, traction 柱状, $X.XM ask

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

电子杂志 × 电子墨水; 10 个版面 + 5 套调色板 (墨水/靛蓝瓷/森林墨/牛皮纸/沙丘)

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

8 页单色背景, 160px display + 4px accent + Mono 箭头列表

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

红琥珀警示色 + hazard 条纹 + L1/L2/L3 tier 卡片 + 删除线标题

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

通用 horizontal-swipe HTML deck, 不要 magazine 调

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

奶油纸 + 锈红 + 蓝图网格 mask + 黑边硬卡片 + pipeline 盒

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

黑底 + CRT 网格扫描线 + $ 命令行标题 + 薄荷绿大字 + 三档 tag

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

Masthead + KPI + 收入/烧钱图 + P&L 表 + 重点 + 展望

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

Tool that allows comparing symbol, type and syscall information of Microsoft Windows binaries across different versions of the OS, using a Web UI and/or LLMs.

390 GitHub stars GPL-3.0-only Updated Jul 30, 2026 Free

暗 hero + 亮内容, 橙→桃 accent, 特性卡 + 定价 + CTA

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

三个 tab 的团队管理后台: 成员、详情、活动日志, 含图表 + CSV 导出

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

消费感配对仪表板: 信号 ticker + KPI + 30 天柱状 + 趋势

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

奶油底 + 柔光 blob + 马卡龙圆角卡片 + Playfair 斜体序号

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free