Web & Frontend

alffei Bundle

基于若依(RuoYi)框架规范生成 CRUD 代码。当用户需要为数据表生成后端Java代码（实体类、Mapper、Service、Controller）、 前端Vue代码（列表页、API封装）、MyBatis XML映射文件或菜单初始化SQL时使用此技能。 适用于: 创建新模块、添加业务功能、根据表结构生成代码等场景。

fujigo-software Bundle

NestJS TypeScript backend development with enterprise patterns, dependency injection, modular architecture, and comprehensive testing support. Use when: (1) Project has @nestjs/core in package.json or nest-cli.json exists, (2) Creating modules, controllers, services, guards, pipes, interceptors, or filters, (3) Implementing JWT authentication or role-based authorization (RBAC/ABAC), (4) Integrating TypeORM, Prisma, or MikroORM for database operations, (5) Writing unit tests with Jest or E2E tests with supertest, (6) Setting up Swagger/OpenAPI documentation, (7) Implementing CQRS, event sourcing, or microservices patterns. Auto-detects: nest-cli.json, *.module.ts, *.controller.ts, *.service.ts, *.guard.ts, @nestjs/* packages in package.json, src/modules/ directory structure. NOT for: Pure Express.js without NestJS, frontend React/Vue/Angular code, non-TypeScript Node.js projects, Fastify without NestJS wrapper.

no-problem-dev Skill

デザインシステム準拠のSwiftUIコンポーネントを生成する。新しいUIパーツの作成、コンポーネント生成時に使用。「コンポーネント作成」「新しいUI」「パーツ作成」「component generate」「UIパーツ」「新規コンポーネント」などのキーワードで自動適用。

ihj04982 Skill

Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes. Use when building or refactoring APIs, server logic, or data layer.

ihj04982 Bundle

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Use when building React/Next.js UIs, choosing component patterns, or optimizing frontend code.

ihj04982 Skill

Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led hierarchy, cohesive content structure, and tasteful motion while avoiding generic cards, weak branding, and UI clutter.

ihj04982 Skill

Create distinctive, production-grade frontend interfaces with high design quality. Covers websites, landing pages, dashboards, SaaS UIs, React components, and any web UI. Includes Verbalized Sampling methodology to avoid generic AI aesthetics, domain exploration for interface design, and creative implementation patterns.

ihj04982 Skill

Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js. Includes quick checklist (formerly coding-style) and common patterns (Repository, skeleton projects; formerly common-patterns).

fujigo-software Bundle

Web accessibility guidelines and implementation

ihj04982 Skill

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.

ihj04982 Skill

Fix accessibility issues (minimal, targeted fixes). For WCAG 2.2 audits and remediation patterns see wcag-audit-patterns.

ihj04982 Skill

JavaScript data structure and CSS rendering optimization — index maps, combined iterations, Set/Map lookups, immutable sort, loop min/max, property caching, SVG wrapper animation, layout thrashing, content-visibility. Use when optimizing hot loops, data processing, DOM performance, or scroll rendering.

ihj04982 Skill

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

ihj04982 Skill

React rendering optimization patterns — memoization, derived state, static hoisting, conditional rendering, caching. Use when reviewing or optimizing React component render performance.

ihj04982 Skill

Async parallelization patterns — Promise.all, waterfall prevention, dependency-based parallelism, RSC component composition, deferred await. Use when optimizing async operations, API routes, or data fetching.

ihj04982 Skill

React SSR hydration and Suspense patterns — prevent hydration mismatch, suppress expected mismatches, strategic Suspense boundaries. Use when fixing hydration errors, implementing streaming, or placing Suspense fallbacks.

ihj04982 Skill

React effect and event handler optimization — narrow deps, handler refs, useEffectEvent, global listener dedup, one-time init. Use when writing or fixing useEffect, event handlers, or component initialization.

ihj04982 Skill

Caching and data fetching patterns — storage API caching, LRU cache, SWR deduplication, React.cache, preloading, RSC serialization, localStorage versioning, after() for non-blocking work. Use when implementing data fetching, caching, or optimizing network requests.

ihj04982 Skill

React state management and transition patterns — functional setState, useTransition, useRef for transient values, deferred reads, derived subscriptions, Activity. Use when optimizing state updates, transitions, or reducing unnecessary re-renders.

benjaming Bundle

Harness-portable quality gate for branch changes — spawns parallel reviewer subagents (Bug, SOLID, Security, Simplify+Slop, optionally React/a11y/i18n/migration) with tier-scaled adversarial verify, CLAUDE.md/ADR enforcement, and a stable PASS / PASS WITH NOTES / FAIL verdict. Read-only. Runs on any harness with a subagent primitive (Claude Code, Codex) — no Workflow tool, no agent teams.

musserlab Bundle

Process deep research report outputs for scRNAseq cell type annotation and non-metazoan gene characterization. Use when the user invokes /process-deep-research or asks to clean, convert to PDF/HTML, parse, or compile deep research reports from ChatGPT or Claude. Handles artifact removal, PDF/HTML generation, YAML header extraction, and summary table maintenance. Supports five report types detected from query.report_type: cluster-level cell-type-annotation, legacy family cell-type-annotation, family_report1 (WGCNA-module family-level pipeline), family_report2 (per-triage-group cluster-level), and nonmetazoan characterization. Works on both local macOS and HPC cluster (auto-detects quarto path and LaTeX availability).

beshkenadze Skill

Fast linting/formatting for TypeScript/React. Use when setting up linter, migrating from ESLint/Prettier, or running code quality checks.

fujigo-software Bundle

Vue.js framework patterns, Composition API, and best practices

fujigo-software Bundle

Nuxt.js framework patterns, SSR/SSG, and best practices

benjaming Bundle

Workflow-native quality gate for branch changes — parallel reviewers (Bug, SOLID, Security, Simplify+Slop, optionally React/a11y/i18n/migration) with tier-scaled adversarial verify, CLAUDE.md/ADR enforcement, and a stable PASS / PASS WITH NOTES / FAIL verdict. Read-only. Runs from a static shipped workflow script.

fujigo-software Bundle

React patterns, hooks, and best practices for modern frontend development

fujigo-software Bundle

Next.js framework patterns, SSR/SSG, and App Router best practices

beshkenadze Skill

Use when reviewing accessibility of websites, apps, or facilities, conducting WCAG audits, preparing for ADA Title II/III deadlines, or checking digital/physical accessibility requirements.

beshkenadze Skill

Use when auditing digital products or services for European Accessibility Act (EAA) compliance, checking EN 301 549 conformance, or advising on EU Web Accessibility Directive obligations.

beshkenadze Skill

Use when auditing websites or apps for Canadian accessibility law compliance, checking AODA (Ontario) or Accessible Canada Act (federal) requirements, or advising on CAN/ASC-EN 301 549 obligations.

beshkenadze Skill

Use when auditing websites for Japanese accessibility compliance, checking JIS X 8341-3 conformance, or advising on Japan's Act for Eliminating Discrimination against Persons with Disabilities.

beshkenadze Skill

Review iOS code for Apple HIG compliance. Use when validating SwiftUI/UIKit code, checking accessibility, or auditing iOS design implementation.

beshkenadze Skill

Use when determining which accessibility law applies to an organization, comparing requirements across jurisdictions (US, EU, Canada, Japan), or planning multi-country accessibility compliance strategy.

fujigo-software Bundle

Angular framework patterns, best practices, and enterprise patterns

fujigo-software Bundle

React Native patterns, navigation, and best practices for cross-platform mobile

benjaming Skill

Run parallel quality reviews (React, SOLID, Security, Simplification, Slop) on branch changes and auto-fix issues