Web & Frontend

leorickcoder Bundle

Formalize an approved visual direction into design tokens, component specifications, and slide-system rules. Use when Codex needs primitive-semantic-component token architecture, CSS variable generation, token validation, or systematic slide search after brand and UI direction are already chosen.

leorickcoder Bundle

Plan and refine slide decks, slide structure, and presentation content after the design direction is known. Use when Codex needs deck-specific narrative, structure, copy flow, and HTML presentation guidance rather than general UI direction, token design, or frontend implementation.

leorickcoder Bundle

Implement approved interface direction in code with shadcn/ui, Tailwind CSS, responsive layout patterns, and theme customization. Use when Codex needs to add or configure shadcn/ui, generate Tailwind theme config, refine responsive styling, or build accessible UI components after style and token direction are already known.

jamestorrevillas Skill

Frontend Design

asv-digital Skill

Use esta skill quando o usuário precisar criar telas, componentes, dashboards, formulários, tabelas, modais ou qualquer elemento de interface no frontend Next.js.

asv-digital Skill

Use esta skill quando o usuário quiser fazer deploy de um sistema, atualizar em produção, configurar domínio, variáveis de ambiente, ou preparar o projeto para ir ao ar na Vercel (frontend) e no Coolify (backend).

asv-digital Skill

Use esta skill quando o usuário precisar projetar rotas de API, definir contratos entre frontend e backend, criar endpoints RESTful ou padronizar as respostas da API.

xcrrr Skill

Use this skill when writing fiction, narrative nonfiction, brand stories, or any content where emotional engagement and narrative arc matter more than pure information delivery. Trigger phrases: 'write a short story', 'tell my brand's origin story', 'write a narrative about', 'create a character'. Do NOT use for purely informational content, technical writing, or persuasive copy without a narrative component.

dragonestdwolf Bundle

全面的 mini-DevUI 视觉还原专家 Skill，用于基于 spec 规范生成像素级还原的 HTML 界面。

koshkinvv Bundle

iOS testing expert skill covering Swift Testing framework (@Test, #expect, #require, @Suite, parameterized tests, traits), XCTest (assertions, async testing, performance testing, XCTestExpectation), UI Testing (XCUIApplication, XCUIElement, Page Object pattern, accessibility identifiers), snapshot testing (swift-snapshot-testing), mocking strategies (protocol-based mocks, URLProtocol for network, test doubles), and testing patterns for SwiftUI, SwiftData, Combine, and async/await code. Use this skill whenever the user writes tests, creates test classes, needs mocking strategies, or asks about testing iOS code. Triggers on: test, @Test, #expect, XCTest, XCTestCase, unit test, UI test, integration test, mock, stub, spy, fake, snapshot test, test coverage, TDD, testing, assert, XCTAssert, Swift Testing, @Suite, parameterized test, test plan, test double, URLProtocol mock, ViewInspector, or any iOS testing question.

koshkinvv Bundle

iOS accessibility (a11y) expert skill covering VoiceOver support (labels, hints, values, traits, custom actions, rotors, focus management), Dynamic Type (text styles, @ScaledMetric, layout adaptation for large sizes), color and contrast (WCAG ratios, Differentiate Without Color, Smart Invert), motion and reduce motion, accessibility auditing (Xcode Inspector, XCTest performAccessibilityAudit), and SwiftUI accessibility modifiers. Use this skill whenever the user implements accessibility features, needs VoiceOver support, handles Dynamic Type, adds accessibility labels, or audits an app for a11y compliance. Triggers on: accessibility, a11y, VoiceOver, Dynamic Type, accessibilityLabel, accessibilityHint, accessibilityValue, accessibilityTraits, accessibilityAction, accessibilityIdentifier, screen reader, assistive technology, reduce motion, high contrast, accessible, WCAG, touch target, font scaling, @ScaledMetric, accessibilityElement, AX audit, inclusive design, or any iOS accessibility question.

fortunacio Bundle

Design, bootstrap, refactor, or document opinionated monorepos that use pnpm workspaces, a FastAPI REST API, and one or more React web apps. Use when Codex needs to define stack defaults, app boundaries, API/frontend ownership, AGENTS.md guidance, CRUD architecture, auth/authz flow, or initial project structure for authenticated dashboard-style products. This skill is for architectural conventions and project setup guidance, not for deep framework internals or large code boilerplates.

anup4khandelwal Bundle

1. Skill Name

anup4khandelwal Bundle

1. Skill Name

anup4khandelwal Bundle

1. Skill Name

anup4khandelwal Bundle

1. Skill Name

kkhh26864 Skill

Vue 2 page creation specialist. Auto-triggers when user wants to: create new page, add page, build page, new vue page, create vue component page. Handles: page structure, routing, Vant components, Tailwind styling, mobile optimization. Works with Vue 2.6.11, Vant 2.13.2, Tailwind CSS, Vue Router.

kkhh26864 Skill

Vue 2 page layout modification specialist. Auto-triggers when user wants to: change layout, update design, redesign page, modify page UI, adjust page structure, refactor page appearance. Preserves functionality while updating visual design. Works with Vue 2.6.11, Vant 2.13.2, Tailwind CSS.

autonateai Skill

Analyzes page content (MDX/HTML) and collaborates with the user to generate high-impact, cinematic Open Graph images. Use when you need to update social media preview images for AutoNateAI pages.

kyuhyi Skill

Next.js와 Node.js를 기반으로 맞춤형 AI 챗봇을 구축하는 스킬. OpenAI, Anthropic API를 활용하여 지능형 비즈니스 챗봇을 개발합니다.

kyuhyi Skill

Toss Payments, Stripe 등 최신 결제 시스템을 Next.js에 통합하는 스킬. 정기결제, 보안 결제, 웹훅 처리를 전문적으로 다룹니다.

kyuhyi Skill

비전공자도 쉽게 전환율 높은 랜딩페이지를 만들 수 있도록 돕는 스킬. Next.js와 Tailwind CSS를 사용하여 고성능 랜딩페이지를 생성합니다.

kyuhyi Skill

Next.js와 Node.js를 활용하여 커스텀 자동화 워크플로우를 설계하고 구현하는 스킬. API 연동과 스케줄링을 통해 복잡한 비즈니스 로직을 자동화합니다.

adamtylerlynch Skill

Persistent Obsidian-based memory for coding agents. Use at session start to orient from a knowledge vault, during work to look up architecture/component/pattern notes, and when discoveries are made to write them back. Activate when the user mentions obsidian memory, obsidian vault, obsidian notes, or /obs commands. Provides commands: init, analyze, recap, project, note, todo, lookup, relate.

joaopaulolndev Skill

Configure Bugsnag error monitoring for any project type. Supports PHP/Laravel, JavaScript/React/Vue/Angular/Node.js, Python/Django/Flask, Ruby/Rails, Go, Java/Spring, .NET, Flutter, React Native/Expo, and mobile platforms.

joaopaulolndev Skill

Manage Node.js dependencies and build assets with pnpm. Includes Vite, Tailwind CSS, and Laravel integration.

joaopaulolndev Skill

Upgrade Filament version (v3→v4 or v4→v5). Handles Tailwind v4, Livewire v4, and breaking changes.

joaopaulolndev Skill

Upgrade Tailwind CSS v3 to v4. Handles config migration from JS to CSS, Vite setup, and Filament integration.

realwigu Bundle

Generate Playwright tests. Use when user says "write tests", "generate tests", "add tests for", "test this component", "e2e test", "create test for", "test this page", or "test this feature".

fonyhr Bundle

Use whenever a task involves Vue 3 or Vue tooling (.vue files, Vue Router, Pinia, or Vite with Vue).

fonyhr Bundle

React 19 performance optimization guidelines for concurrent rendering, Server Components, actions, hooks, and memoization (formerly react-19). This skill should be used when writing React 19 components, using concurrent features, or optimizing re-renders. This skill does NOT cover Next.js-specific features like App Router, next.config.js, or Next.js caching (use nextjs-16-app-router skill). For client-side form validation with React Hook Form, use react-hook-form skill.

sam-dumont Skill

Automatically triggered when designing system architecture, planning new projects, creating implementation plans, conducting architecture reviews, or auditing existing codebases for consistency. Applies when discussing: system design, technology choices, architectural patterns, infrastructure decisions, API design, testing strategies, CI/CD pipelines, security architecture, or code organization. Works for Python web APIs, infrastructure/DevOps, Garmin/embedded systems, and frontend projects. Distinguishes between personal projects (strict standards) and client work (adaptive approach).

mrlynn Bundle

Add transactional email with DB-backed templates, variable interpolation, hardcoded fallbacks, SMTP singleton transport, and admin template management to a Next.js + MongoDB app

mrlynn Bundle

Bootstrap a Next.js + MongoDB + Auth + MUI project with MongoDB branding, singleton connection, Zod validation, and standard API route patterns

mrlynn Bundle

Add NextAuth v5 authentication with 8-role RBAC, edge-safe middleware, server-side guards, role hierarchy, and admin impersonation to a Next.js app

chen-yu723 Skill

读取本地 Excel 格式缺陷清单，自动完成全套缺陷分析并生成结构化报告（Markdown + HTML + PDF）。分析维度包括：缺陷概览统计、各版本/模块分布、9类根因自动归类、版本质量趋势评级、AI修复与测试改进建议。当用户提供缺陷 Excel 文件路径并要求做缺陷分析、版本质量分析、出缺陷报告时触发。