Skill Claude CodeCodex
Frontend structure — feature folders, state ownership, server/client boundary, when not to add a global store. Use for "arsitektur FE", folder structure, refactor large UI, state management choice, or modularizing an app.
Skill Claude CodeCodex
Frontend DevTools audit workflow — Lighthouse/CWV, a11y (axe), network/layout, when checks are MUST vs optional. Use for /test-ui deep passes, "audit performance", "cek Lighthouse", "axe", or verifying UI before ship with tooling evidence.
Skill Claude CodeCodex
Technical SEO for web apps — title/meta, OG, semantics, indexable content, CWV overlap. Use for landing pages, marketing routes, "SEO", "meta tags", "Open Graph", or making app routes discoverable.
Skill Claude CodeCodex
Accessible forms, field/form errors, submit pending, wizards, progressive disclosure. Use when building or fixing forms, login, settings, checkout, filters, "validasi", "form error", or multi-step flows.
Skill Claude CodeCodex
Senior frontend judgment before building UI — offer 2–3 approaches on distinct design axes (hierarchy, layout, density, interaction, expression) with tradeoffs; max 1–2 clarifying questions; optional inspiration (Linear/Stripe/…). Use at the start of non-trivial UI work and whenever direction is unclear. Skip for…
Skill Claude CodeCodex
Test user-facing UI with TDD, component tests, a11y checks, and critical-path coverage. Use when writing or fixing UI tests, verifying loading/error/empty states, or when the user mentions test/TDD/coverage/regresi — including natural language, not only /test-ui.
Skill Claude CodeCodex
Marketing / SaaS landing page structure — section stack (hero, logo cloud, features, gallery, testimonials, CTA, footer), not a lone hero. Use when building or auditing landing pages, marketing sites, "landing page", "homepage marketing", or when the page feels incomplete after only a hero. Hand-roll sections with…
Skill Claude CodeCodex
Frontend observability — Sentry error tracking, CWV/performance monitoring, analytics, OpenTelemetry, alerting. Use when adding error boundaries, tracking production bugs, measuring LCP/INP, wiring analytics, or ops asks about monitoring/observability for a web UI — not for visual design polish.
Skill Claude CodeCodex
Purposeful UI motion by family/pattern — shell defaults (fade, drawer, press) plus marketing vocabulary (reveal, scroll, text, carousel, hero, …). Hand-roll CSS/Motion/GSAP from named patterns. Use for animation requests, landings, marquees, parallax, text reveal, and light defaults on /ui shells — not token-only…
Skill Claude CodeCodex
Mobile-first responsive UI for all devices (320–1440+): no horizontal scroll, 44px tap targets, drawer nav, full-width primary buttons on phone, adaptive tables/forms. REQUIRED on every user-facing page/layout build — including "mobile", "responsive", "tablet", burger menu, or /ui /polish. Report Responsive in…
Skill Claude CodeCodex
Build composable UI with loading/error/empty states, Reicon icons by default, mobile-first layout, and clean composition. Use whenever implementing or modifying pages, screens, components, forms, dialogs, tables, or navigation — including "buat component", "bikin form", "layout dashboard". Must report Conventions…
Skill Claude CodeCodex
Polish micro-details that make UI feel better — concentric radius, optical alignment, tabular nums, text-wrap, interruptible transitions, scale-on-press, hit areas, no transition:all. Use when building/reviewing UI polish, "feels off", "rapihin detail", hover/press feedback, stagger enter/exit, or after anti-ai-slop…
Skill Claude CodeCodex
Loop UI work until quality gates pass — judge/build, test, audit, fix, repeat. Use when the user wants polished UI, "rapihin sampai bagus", polish until audit passes, fix Critical/High design findings, or /polish. Orchestrates frontend-judgment, design-tokens, ui-components, responsive-ui, motion, anti-ai-slop…
Skill Claude CodeCodex
Optimize frontend Core Web Vitals (LCP, INP, CLS) and loading/rendering/network. Use when the UI feels slow, images/fonts/bundles need work, or during design audits that touch performance — phrases like "lemot", "optimize", "LCP", or "Core Web Vitals" without requiring a slash command.
Skill Claude CodeCodex
Pure WebGL shader backgrounds via Plasma Studio (Gradient/Dither/Raymarch), Plasma.init drop-in, destroy on unmount. REQUIRED when the user asks for WebGL, shader background, plasma effect, animated canvas bg, or plasma.nusaiba.dev — do not invent Three.js heroes for backgrounds.
Skill Claude CodeCodex
Write new skill files for the Frontend Expert pack following conventions. Use when the user wants to add a new skill, extend the pack, or says "make this a skill", "buat skill baru", or "tambah skill". Documents the pack's SKILL.md structure, frontmatter format, checklist pattern, and integration points (AGENTS.md…
Skill Claude CodeCodex
Use when testing UI after feature development — before commit, before PR, or after code changes that affect the frontend.
MCP server Claude CodeCodexCursor
MCP browser smoke testing plugin for OpenCode — Playwright-based UI testing via browser automation. Runs locally from the browser-smoke npm package.
Skill Claude CodeCodex
Skill "deep-search" from sukirman1901/DeepSearch, covering deep search engine skill, when to use, available tools (29), core search and answer & context.
Plugin Claude Code
Development marketplace for Deep Search Engine.
Plugin Claude Code
Deep Search Engine MCP server: 7 sources, 28 tools, semantic search via ChromaDB, zero cost.
Instructions file CodexOpenCode
AGENTS.md instructions for sukirman1901/DeepSearch, covering deep search — contributor guidelines, if you are an ai agent, mcp server setup, install python dependencies and configure mcp server.
Instructions file
Claude Code instructions for sukirman1901/DeepSearch, covering deep search — deep search engine for claude code, mcp server setup, option 1: project-level mcp config, option 2: global claude code config and prerequisites.
Instructions file Gemini CLI
Gemini CLI instructions for sukirman1901/DeepSearch, a project described as: Free, Open-Source Search Engine MCP Server — 7 sources, 10 consolidated tools, semantic search via ChromaDB, zero cost.