Claude skills and agent skills

mikeandyerSkill

frontend.core

mikeandyer/claude-skills-frontend-logic-share/frontend.core/SKILL.md

跨 skill 共用的 reference 庫。包含 CiC 便條紙格式、Activity 語法、Handler 分類對照表、失敗層級模型等所有 frontend.* skill 共用的模式定義。不直接觸發，由其他 skill Read references/ 中的檔案。

saemihemmaSkill

team-frontend-team

saemihemma/lead-producer-oss/.claude/skills/team-frontend-team/SKILL.md

Frontend review team: UX quality, implementation health, accessibility, and frontend-backend integration in one recommendation. Use for UI features or frontend-heavy flows.

tadoEngSkill

frontend-page

tadoEng/web-starter/.claude/skills/frontend-page/SKILL.md

Add or change a page, screen, form, table or component in this product's React frontend, with the five async states and the accessibility floor. Use when asked to build a page, add a route, create a form, show a list or table, or change the UI.

wannanbigpigSkill

frontend-ui-ux

wannanbigpig/ai-engineering-collaboration/skills/frontend-ui-ux/SKILL.md

设计、评估或改善网页和应用的视觉、布局与交互；用于新界面或明确的 UI/UX 评估、优化及重设计，纯逻辑和普通文案任务不触发。

wjgoarxivSkill

frontend-ui-ux

wjgoarxiv/litopencode/skills/frontend-ui-ux/SKILL.md

Build and inspect authorized interfaces, resolving material design choices with a compact evolving direction.

matyasstochSkill

frontend-polish

matyasstoch/david-skills/skills/frontend-polish/SKILL.md

Improve the visual quality, cohesion, and finish of an existing frontend without changing the product direction. Use when the user asks to polish, refine, tighten, elevate, clean up, or make a UI feel more premium, clearer, or more consistent across pages, components, spacing, typography, color, motion, states, and responsive behavior.

nahid-sparktalesSkill

frontend-design

nahid-sparktales/agent-dispatcher/skills/design/frontend-design/SKILL.md

Establish a visual direction for new or reshaped UI so it reads as designed for this product rather than assembled from defaults — hierarchy, typography, colour, spacing, density. Use when building a new surface, when something looks templated and needs a direction rather than a tweak, or when asked to make an interface feel considered. Prefer the official Anthropic frontend-design skill when it is installed; this is the local counterpart for when it is not. Not for critiquing an existing interface, and not for work inside a design system that already decides these things.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

BankrBotSkill

Frontend Playbook

BankrBot/openclaw-skills/ethskills-frontend-playbook/SKILL.md

Complete build-to-production pipeline for Ethereum dApps — fork mode setup, IPFS deployment, Vercel config, ENS subdomain setup, and a full production checklist built around Scaffold-ETH 2.

RylaispiritSkill

frontend-design

Rylaispirit/rylai-codex-hermes-skills/skills/frontend-design/SKILL.md

Design, implement, and verify production frontend interfaces while respecting the existing repository, accessibility, responsive behavior, interaction, and visual QA.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

orangehrmSkill

frontend-platform

orangehrm/orangehrm/.agents/skills/frontend-platform/SKILL.md

Reference for OrangeHRM's cross-cutting Vue app plugins — i18n (`$t(key, params)` with module-grouped keys matching backend lang-string groups, the `translate()` factory for non-component contexts), ACL (`$can.read/create/update/delete('data_group_name')` where the data group string matches `ohrm_data_group.name` from the backend permission seeds), toaster (`$toast.success/error/info/warn` plus the project's semantic shortcuts `saveSuccess`, `addSuccess`, `updateSuccess`, `deleteSuccess`, `cannotDelete`, `noRecordsFound`, `unexpectedError`), the global loader, the `navigate()` / `reloadPage()` helpers, and `useDateFormat` for the user's date format. Use whenever the user is translating a string, gating a button with `$can`, picking a toast variant, navigating between pages, formatting a date for display, or asking why an automatic toast appeared. Companion to `authorization` (backend side of the data-group strings used by `$can`), `rest-validation` (the i18n keys used by the validation rule messages), and `frontend-pages` (where this all gets composed).

mcowgerSkill

frontend-testing

mcowger/plexus/.agents/skills/frontend-testing/SKILL.md

Verify any Plexus admin-UI screen or component in the actually running app. Boots the worktree-safe dev stack (`bun run dev:agent`), auto-logs in, and drives a real browser (agent-browser) using the correct port/credentials. Use whenever you edit anything under `packages/frontend/src` (React, routes, forms, buttons, tables, modals, Tailwind/CSS, layout, dashboards) or when asked to look at or verify a screen (e.g., "screenshot the dashboard", "does the new tab show up", "verify UI", "does the button work", "test web app", "reproduce visual bug"). Prefer this over the generic agent-browser skill for local Plexus frontend because it knows port, credentials, and auto-login. Don't hand UI work back unverified.

Often used withbackend-code-review·frontend-code-review

All-Hands-AISkill

frontend-development

All-Hands-AI/OpenHands/.agents/skills/frontend-development/SKILL.md

This skill should be used when the user asks to "add UI copy", "add a translation", "optimize the frontend bundle", "change onboarding", "change conversation UI", "add a query key", "change MSW mocks", or modifies React components, hooks, routes, i18n, lazy loading, persisted UI state, or shared frontend behavior.

krishnakanthb13Skill

frontend_design

krishnakanthb13/antigravity_global_skills/frontend_design/SKILL.md

Create distinctive, production-grade frontend interfaces with high design quality. Use this when building web components, pages, artifacts, posters, or applications (websites, landing pages, react components). Generates creative, polished code that avoids generic aesthetics.

camundaSkill

frontend-unit-test

camunda/camunda/.agents/skills/frontend-unit-test/SKILL.md

Use when writing, modifying, or debugging unit tests (*.test.tsx) in the orchestration cluster webapp (webapp/client/apps/orchestration-cluster-webapp/src/). Covers Vitest browser mode, MSW mocking, and vitest-browser-react rendering.

jakubsuplickiSkill

frontend-design

jakubsuplicki/codument/.agents/skills/frontend-design/SKILL.md

Create distinctive, production-grade UI visuals across web and native: layout, typography, color, hierarchy, and aesthetic direction that avoid generic "AI slop". Use whenever the goal is visual design quality, aesthetic direction, or beautifying an interface (web, React Native, or native). Do NOT use for state management, data fetching, rendering performance, or framework/component architecture (use senior-frontend), or for animation and gesture mechanics (use motion-craft).

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

jakubsuplickiSkill

senior-frontend

jakubsuplicki/codument/.agents/skills/senior-frontend/SKILL.md

Build modern, performant frontend UIs: component design, state management, rendering performance, and accessibility. Covers React and Next.js (web) plus React Native, with framework-specific mechanics in reference files; the judgment applies cross-framework. Use whenever the user builds or optimizes UI components, manages client or server state, or fixes frontend performance including list virtualization and scroll or render jank (e.g. FlatList). Do NOT use for visual or aesthetic design direction (use frontend-design), or for animation and gesture craft (use motion-craft).

Often used withsenior-backend·ui-ux-pro-max

yerdaulet-damirSkill

debug-frontend

yerdaulet-damir/vibe-coding-rules/.claude/skills/debug-frontend/SKILL.md

Systematic 5-step debugging flow for Next.js 15 + React 19 + TypeScript apps. Load when a UI bug is reported, hydration error appears, Server Action returns wrong data, or cache invalidation fails. Forces layer isolation (server vs client, action vs component, cache vs render) before touching code — prevents "fix here, break there" cascades.

jspi-fuSkill

frontend-review

jspi-fu/Aeson-skills/Skills/frontend-review/SKILL.md

审查 Vibe Coding、AI 生成或原型前端。触发分支：前端体检找主要问题、逐页逐组件完整 review、上线前验收与工程交接、明确要求时实施修复并复验。输出有证据的问题、修复方案与复验条件；quick 只声称选定旅程已查，full 才逐页逐实例交付台账与方案。

iliaalSkill

frontend-design

iliaal/ai-skills/skills/frontend-design/SKILL.md

Visual design and aesthetic direction for frontend interfaces. Use when building web pages, landing pages, dashboards, Next.js server components, or applications where visual identity matters. For React patterns and testing, use react-frontend.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

romiluz13Skill

frontend-design

romiluz13/mifal/skills/frontend-design/SKILL.md

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks