frontend.core
mikeandyer/claude-skills-frontend-logic-share/frontend.core/SKILL.md
跨 skill 共用的 reference 庫。包含 CiC 便條紙格式、Activity 語法、Handler 分類對照表、失敗層級模型等所有 frontend.* skill 共用的模式定義。不直接觸發,由其他 skill Read references/ 中的檔案。
One search for your own team's files and the public ecosystem. See how real projects write their agent instructions, and bring the good ideas home.
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
mikeandyer/claude-skills-frontend-logic-share/frontend.core/SKILL.md
跨 skill 共用的 reference 庫。包含 CiC 便條紙格式、Activity 語法、Handler 分類對照表、失敗層級模型等所有 frontend.* skill 共用的模式定義。不直接觸發,由其他 skill Read references/ 中的檔案。
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.
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.
wannanbigpig/ai-engineering-collaboration/skills/frontend-ui-ux/SKILL.md
设计、评估或改善网页和应用的视觉、布局与交互;用于新界面或明确的 UI/UX 评估、优化及重设计,纯逻辑和普通文案任务不触发。
wjgoarxiv/litopencode/skills/frontend-ui-ux/SKILL.md
Build and inspect authorized interfaces, resolving material design choices with a compact evolving direction.
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-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-campaignecosystem-referencebrief-to-tasks
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.
1 project uses a version of this
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-campaignecosystem-referencebrief-to-tasks
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).
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-reviewfrontend-code-review
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.
13 projects use a version of this
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.
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.
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-campaignecosystem-referencebrief-to-tasks
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-backendui-ux-pro-max
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-fu/Aeson-skills/Skills/frontend-review/SKILL.md
审查 Vibe Coding、AI 生成或原型前端。触发分支:前端体检找主要问题、逐页逐组件完整 review、上线前验收与工程交接、明确要求时实施修复并复验。输出有证据的问题、修复方案与复验条件;quick 只声称选定旅程已查,full 才逐页逐实例交付台账与方案。
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-campaignecosystem-referencebrief-to-tasks
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-campaignecosystem-referencebrief-to-tasks
Plain text files in a repository that tell a coding agent how the project works: commands to run, conventions to follow and things to avoid. CLAUDE.md, AGENTS.md, cursor rules and skills are the common kinds.
CLAUDE.md is read by Claude Code. AGENTS.md is an open format that Codex, Cursor and other agents read. Many projects keep one and point the other at it.
A folder with a SKILL.md that describes one capability, such as filling PDFs or reviewing code. The agent loads it only when the task calls for it.
Your agents already can, over MCP, limited to the files you're allowed to read. Searching them from this page is coming.