Claude skills and agent skills

yeaboi-aiSkill

web-frontend

yeaboi-ai/yeaboi.ai/.agents/skills/web-frontend/SKILL.md

Browser-surface conventions — the yeaboi-web-assets boundary, the contracts/web/ artifacts the front-end repo vendors, the assets.py/brand.py/security.py split, CSP and export inertness, payload rules, and the two Python/TS wire guards. Use when touching src/yeaboi/web/, contracts/web/, any exporter, or a share/board surface.

NormationSkill

rudder-frontend

Normation/rudder/.claude/skills/rudder-frontend/SKILL.md

Conventions for Rudder's web frontend: Elm applications (the UI logic) and the thin JavaScript/Lift-template glue around them. Use whenever reading, writing, reviewing, or refactoring Elm under any `src/main/elm/sources`, the JS in `src/main/resources/template/*.html` or vendored `toserve` scripts, or the elm/gulp build. Applies to the `rudder` webapp and to the `rudder-plugins` / `rudder-plugins-private` plugin UIs alike (same Elm + gulp stack). Covers app architecture (Model/Msg/update/view + ports), Lift snippet integration, HTTP/JSON, error handling, shared-module reuse, JS-in-template rules, and the elm-format / elm-review / gulp workflow.

MODSetterSkill

frontend-workflow

MODSetter/SurfSense/.agents/skills/frontend-workflow/SKILL.md

Frontend and UI work in www and surfsense_local/frontend — building, refactoring, styling, animating, or reviewing React and Next.js components, shadcn/ui, color tokens and themes, visual polish, and motion. Load this first for any UI task, including adding or changing a shadcn/ui component (dialog, button, dropdown, form, sidebar, table) in a tree with components.json — it owns the color palette, polish rules, and the precedence order, then routes to the separate shadcn skill for component wiring and the CLI. Use for any frontend component, page, style, animation, hover state, icon, layout, or UI review task.

EvovexAISkill

frontend-design

EvovexAI/EvoFlow/skills/public/frontend-design/SKILL.md

创建独特的、生产级前端界面。当用户要求构建Web组件、页面、artifacts、海报或应用程序时使用此技能（包括网站、落地页、仪表板、React组件、HTML/CSS布局，或美化任何Web UI）。生成创意、精致的代码和UI设计。

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

TashanGKDSkill

frontend-brand

TashanGKD/tashan-cursor-skills/skills/frontend-brand/SKILL.md

他山前端品牌设计系统完整参考手册。包含技术框架选型、设计令牌（颜色/字体/圆角/阴影）、组件规范代码模板、响应式/无障碍约定。被 role-前端开发 和 role-UI设计师 主动调用；与 frontend-brand-guard.mdc（约束层）配套使用。

talesofaiSkill

frontend-design

talesofai/cohub/.agents/skills/frontend-design/SKILL.md

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context.

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

MystenLabsSkill

frontend-apps

MystenLabs/skills/frontend-apps/SKILL.md

Sui frontend / dApp development with @mysten/dapp-kit-react (React) and @mysten/dapp-kit-core (Vue, vanilla JS, Svelte, Web Components, other frameworks). Use when building browser apps that connect Sui wallets, query on-chain state, or submit transactions. Covers wallet connection, network switching, transaction execution, query patterns with TanStack React Query, and the specific pitfalls of browser + wallet + async-indexer environments. Pair with the `sui-sdks` skill for @mysten/sui Transaction construction patterns and the `ptbs` skill for PTB semantics.

ProjAnvilSkill

frontend-vue

ProjAnvil/MindForge/skills/en/frontend-vue/SKILL.md

Professional Vue.js development skill covering Nuxt 3, Vue 3 Composition API, Tailwind CSS, and the Vue ecosystem. Use this skill when building Vue applications, implementing Nuxt features, using Pinia for state management, or component libraries like shadcn-vue.

ProjAnvilSkill

frontend-vue

ProjAnvil/MindForge/skills/zh-cn/frontend-vue/SKILL.md

专业的 Vue.js 开发技能，涵盖 Nuxt 3、Vue 3 Composition API、Tailwind CSS 和 Vue 生态系统。使用此技能构建 Vue 应用程序、实现 Nuxt 功能、使用 Pinia 进行状态管理，或使用 shadcn-vue 等组件库。

z2014Skill

frontend-dev

z2014/skills/skills/frontend-dev/SKILL.md

React frontend conventions: Vite, TypeScript, Tailwind v4, shadcn/ui, React Router, axios, TanStack Query, Zustand, React Hook Form + Zod, ESLint (eslint-config-tencent) + Prettier, pnpm, and a modules/common/api/store project layout. Use when creating or changing React frontend code, pages, components, styles, state, or frontend tooling. React 前端开发规范：在新建或修改 React 页面、组件、样式、状态管理或前端工程配置时使用。

waybarriosSkill

frontend-design

waybarrios/opencode-power-pack/skills/frontend-design/SKILL.md

Create distinctive, production-grade frontend interfaces with high design quality and accessible markup. Use this skill when the user asks to build or beautify web components, pages, applications, landing pages, dashboards, artifacts, or React/HTML/CSS UI. Generates creative, polished code that avoids generic AI aesthetics, then self-checks it against an objective accessibility and quality rubric.

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

nekomangaorgSkill

frontend-artisan

nekomangaorg/Neko/.agents/skills/artisan/SKILL.md

Elevates the Jetpack Compose user interface through micro-UX improvements, animations, accessibility (a11y) fixes, and UI structural polish. Use this skill to extract hardcoded styles to AppTheme, add TalkBack semantics, implement AnimatedVisibility or micro-animations, extract stateless Composables, and add @Preview annotations.

nekomangaorgSkill

frontend-maestro

nekomangaorg/Neko/.agents/skills/maestro/SKILL.md

Orchestrates macro-level UI architecture, complex Jetpack Compose structures, and screen-to-screen flows. Use this skill to implement adaptive layouts (WindowSizeClass), migrate to type-safe Navigation Compose graphs, design cross-module Design Systems, wire complex screen-level state (MVI/MVVM), or orchestrate deep links and multi-screen workflows.

julianoczkowskiSkill

frontend-design

julianoczkowski/designer-skills/frontend-design/SKILL.md

Build distinctive, production-grade frontend interfaces with high design quality, guided by named aesthetic philosophies. Use when building components, pages, or applications. Generates working code with exceptional attention to aesthetic details and creative choices that avoid generic AI output.

Often used withinstantly-campaign·ecosystem-reference·file-reading

butterbase-aiSkill

deploy-frontend

butterbase-ai/butterbase-plugin/skills/deploy-frontend/SKILL.md

Use when deploying a frontend (React, Next.js, or static HTML) to a live URL on Butterbase, or when troubleshooting deployment issues like MIME type errors or blank pages

rommappSkill

frontend-patterns

rommapp/romm/.claude/skills/frontend-patterns/SKILL.md

Cross-cutting feature patterns for the RomM v2 frontend: error/snackbar handling, loading & skeleton states, real-time Socket.IO updates, UI state persistence (URL vs localStorage vs ephemeral), pagination/infinite scroll, forms & validation, permissions (useCan), and destructive confirmations. Use when wiring up a v2 feature's behavior (not just its markup). Trigger when implementing data flows, dialogs, forms, toggles, or permission gating under frontend/src/.

Often used withbrand-discovery·agent-sort·configure-ecc

Indium-AI-LabsSkill

frontend-ship

Indium-AI-Labs/indium-agentkit/skills/frontend-ship/SKILL.md

Build or change a user-facing frontend feature (page, component, form, or client data flow) in the project's existing framework and design system, with the states it needs, WCAG 2.2 AA accessibility, and tests. Use when implementing UI from an agreed brief or API contract in Next.js, Remix or React Router, Vite, Vue or Nuxt, SvelteKit, or Angular apps. Not for UI review (delegate to the frontend-reviewer subagent) or accessibility audits (use the accessibility-audit skill).

endurain-projectSkill

endurain-frontend

endurain-project/endurain/.agents/skills/endurain-frontend/SKILL.md

Endurain frontend conventions (Vue 3, TypeScript, Tailwind v4, shadcn-vue, TanStack Query). Use when adding or changing code in frontend/src or its tests.

databrickslabsSkill

frontend-design

databrickslabs/ontobricks/.claude/skills/frontend-design/SKILL.md

Use when creating or changing OntoBricks templates, page layouts, tabs, cards, forms, or responsive UI behavior.

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

HazATSkill

frontend-design

HazAT/pi-config/skills/frontend-design/SKILL.md

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

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