Web & Frontend

nimadorostkar Skill

Use when building Next.js applications with the App Router. Covers server and client component boundaries, data fetching and caching, server actions, streaming, and rendering strategy.

nimadorostkar Skill

Use when building Angular applications. Covers standalone components, signals, RxJS discipline, change detection, dependency injection, and the patterns that keep large Angular codebases fast.

nimadorostkar Skill

Use when verifying that a UI renders correctly. Covers visual regression testing, responsive checks across breakpoints, cross-browser verification, and screenshot-based review of an implementation against a design.

nimadorostkar Skill

Use when building cross-platform mobile apps with React Native or Expo. Covers navigation, platform differences, list performance, native modules, offline behavior, and release builds.

nimadorostkar Skill

Use when auditing or building accessible interfaces. Covers WCAG 2.2 AA conformance, semantic HTML, keyboard navigation, screen-reader behavior, focus management, and contrast.

nimadorostkar Skill

Use when building or maintaining a component library and design tokens. Covers token architecture, component API design, variants and states, documentation, and governing adoption across a codebase.

attac-t Bundle

Show what exists, where it lives, and what each part is for. Use for a directory tree, a codebase layout, a component hierarchy. Not for sequence (craft-flow) or who acts (craft-swimlane).

handsomeboy990 Bundle

Decides whether to add, replace, upgrade or refuse a library through a twelve point evaluation covering existing solutions, platform capabilities, maintenance, security, licence, size, transitive tree, types, accessibility and migration cost. Use before any dependency change.

handsomeboy990 Bundle

Frontend Engineering

handsomeboy990 Bundle

Accessibility Testing

aradotso Skill

Browser automation MCP server using Playwright's accessibility tree for LLM-friendly web interaction

robomotionio Bundle

Guide for deploying web frameworks on Netlify. Use when setting up a framework project (Vite/React, Astro, TanStack Start, Next.js, Nuxt, SvelteKit, Remix) for Netlify deployment, configuring adapters or plugins, or troubleshooting framework-specific Netlify integration. Covers what Netlify needs from each framework and how adapters handle server-side rendering.

minimax-ai Skill

Truncate oversized tool output so it does not blow the agent's context window. USE WHEN: tool output > 3000 tokens, line > 500 chars, large log, JSON array, minified code, fetched HTML, verbose npm/cargo/test output, `cat` of a big file, "truncated" / "output cut off" / "use offset to read more" message. TRIGGER PHRASES: "输出太长", "context 满了", "log 太大", "截断", "truncate", "output cut off", "读不完", "太大了", "context 撑爆", "too long". SKIP WHEN: output is small (<100 lines), output is the user-facing final answer, output is structured and needs full parse (read once with a guard).

poorvith-mp Bundle

Build mobile apps native or cross-platform, with real depth in Swift/SwiftUI and Kotlin/Compose. Use when developing mobile applications in Swift, SwiftUI, Kotlin, or React Native.

poorvith-mp Bundle

Implement web UIs in React, Vue or Angular with attention to performance, state and correctness. Use when implementing web user interfaces, client state, or components.

poorvith-mp Bundle

Audit and refactor code for WCAG 2.1/2.2 AA and AAA: ARIA, keyboard operability, screen readers. Use when auditing or remediating WCAG 2.1/2.2 AA/AAA accessibility issues.

poorvith-mp Skill

Moved to frontend-build in skills-developer. Removed in v4.1.

poorvith-mp Bundle

Moved to accessibility-fix in skills-developer. Removed in v4.1.

wike-chi Bundle

使用 scrapling 进行网页抓取和数据提取。根据目标网站特征自动选择最佳 Fetcher， 生成并执行 Python 脚本完成任务。Use when: (1) 抓取/爬取网页内容或数据（scrape, crawl, fetch page, extract data） (2) 需要绕过 Cloudflare/WAF 等反爬保护 (3) 登录后抓取受保护页面 (4) 解析已有 HTML 提取结构化数据 (5) 用户提供 URL 并要求获取页面内容或特定元素 (6) 批量采集多个页面

wike-chi Bundle

HOLO社媒图片生成器 v7.2。AI-First设计模式，Agent直接手写HTML生成多语种社媒图片（Instagram/Facebook/LinkedIn等）。

wike-chi Skill

网易163邮箱SMTP发送技能。用nodemailer发邮件，支持HTML正文、自定义签名、批量发送、cron跟进。业务邮箱 wikeye2025@163.com。

arbazkhan971 Skill

UI component architecture. Design systems, Storybook, CSS architecture, design tokens, component patterns.

arbazkhan971 Skill

Vue.js mastery. Composition API, Pinia, Vue Router, Nuxt SSR/SSG, Vite optimization, testing.

arbazkhan971 Skill

Accessibility. WCAG 2.1 AA/AAA, a11y audit, color contrast, keyboard navigation, screen reader, Axe, Pa11y, Lighthouse.

arbazkhan971 Skill

AI agent development. ReAct/plan-and-execute/multi-agent architectures, tool design, memory systems, guardrails, orchestration (LangChain, LlamaIndex, CrewAI, AutoGen).

arbazkhan971 Skill

Email and notifications. SendGrid, SES, Postmark, Resend, MJML, React Email, delivery tracking, DNS auth.

arbazkhan971 Skill

Form architecture skill. Multi-step wizards, validation (client + server, async), file uploads, accessible form design. Triggers on: /godmode:forms, "form validation", "multi-step form", "wizard", "file upload", "form accessibility".

arbazkhan971 Skill

React architecture -- components, state, performance, Server Components, testing.

arbazkhan971 Skill

State management design. Frontend state, server state, state machines, optimistic updates, caching.

arbazkhan971 Skill

Next.js mastery -- App Router, Server Components, data fetching, rendering strategies, optimization.

arbazkhan971 Skill

Svelte/SvelteKit mastery. Runes reactivity, stores, routing, form actions, SSR, adapter configuration.

marucie Skill

Use when building web UI from scratch: components, pages, landing pages, dashboards, HTML/CSS layouts, posters. Produces production-grade, aesthetically intentional code. NOT for backend logic. NOT for refactoring existing UI without redesign intent (use design-taste-frontend).

marucie Skill

Use when building or refactoring Angular applications — choosing between signals, RxJS, and NgRx for state, configuring routing with guards and lazy loading, optimizing change detection, or writing TestBed component tests.

marucie Skill

Use when composing Tailwind utilities, building responsive or dark-mode layouts, defining component variants with cva, resolving conflicting classes with tailwind-merge, or configuring a custom theme.

marucie Skill

Use for opinionated UI engineering standards: variance/motion/density baselines, component architecture rules, CSS hardware acceleration. Best for refining or auditing existing UI. NOT for greenfield builds (use frontend-design). NOT for design thinking (use qiaomu-design-advisor).

marucie Skill

Use when building or reviewing UI components for keyboard and screen reader compatibility, adding ARIA to custom widgets, auditing a page for WCAG AA conformance, or preparing for a formal accessibility review.