🎨Frontend Design
Production-grade interfaces with a clear visual point of view.
DesignCodexClaude
Find Codex skills and agent prompt packs.
Full catalog · Showing 93 / 93 total
Sort
🧨Prompt Injection Lab
Attack your own AI features before users do.
SecurityCodexClaude
🧪Webapp Testing
Browser checks, screenshots, and interaction tests for local apps.
TestingCodexClaude
🥷AI Agent Red Team
Stress-test autonomous agent behavior and tool use.
SecurityCodexClaude
🕵️Threat Modeling
Map assets, trust boundaries, and abuse paths.
SecurityCodexClaude
🤖Telegram Bot Flow
Design compact Telegram bot flows that do not spam chats.
DesignCodexClaude
🔐Secrets Check
Inspect code and config for accidental credentials exposure.
SecurityCodex
🧪LLM Eval Harness
Create lightweight evals for prompts and AI features.
TestingCodexClaude
📚OpenAI Docs
Current official references for OpenAI APIs and models.
DocsCodexChatGPT
🧾PR Reviewer
Review pull requests for bugs, regressions, and missing tests.
ProductivityCodexClaude
🪪Auth Flow Review
Review login, sessions, redirects, and permission edges.
SecurityCodexClaude
🛡️Security Best Practices
Framework-aware security review for JS, Python, and Go.
SecurityCodexClaude
🧱Component Audit
Find brittle props, layout drift, and duplicated UI patterns.
FrontendCodexClaude
📱Mobile UI QA
Find cramped layouts, clipped text, and broken mobile flows.
TestingCodexClaude
🛒Checkout QA
Test checkout paths, edge cases, and payment-state copy.
TestingCodexClaude
🖼️Screenshot Diff Review
Compare UI screenshots and spot visual regressions.
TestingCodexClaude
🧭Codebase Map
Build a concise map of modules, flows, and ownership.
ResearchCodexClaude
🧪Playwright Tests
Generate focused browser tests for critical user paths.
TestingCodex
🪩Vibe to Spec
Turn a rough vibe into a buildable product spec.
ProductivityCodexChatGPT
🚪Public Launch Room
Prepare a product for launch-day traffic.
DeploymentCodexChatGPT
🚀Cloudflare Deploy
Publish Workers, Pages, and full-stack apps with clean defaults.
DeploymentCodex
🐞Bug Reproduction
Turn vague bug reports into repeatable repro steps.
TestingCodexClaude
⌘Command Palette Design
Add fast keyboard-first navigation to product UI.
DesignCodexClaude
🛤️AI Tool Router
Decide which agent tool should handle each task.
AutomationCodexClaude
♿Accessibility Pass
Practical accessibility checks for product UI.
FrontendCodexChatGPT
🧮Permission Matrix
Map roles, actions, and access edge cases.
SecurityCodexClaude
🧠Prompt Architect
Design durable prompts and agent instructions.
PromptingCodexChatGPT
🛠️Skill Creator
Turn repeatable agent workflows into reusable skills.
ProductivityCodex
🧹Refactor Plan
Create a staged, low-risk plan before touching code.
ProductivityCodexClaude
🧑💻API Integration
Wire external APIs with typed clients and clear error paths.
BackendCodexClaude
🔄Migration Planner
Plan framework, schema, or package migrations safely.
AutomationCodexClaude
📡Release Risk Scan
Spot risky files, missing checks, and unclear rollback before release.
DeploymentCodexClaude
🎭API Mock Studio
Build useful fake APIs for frontend and demos.
BackendCodexClaude
💾Local-first Sync
Plan offline-first state and conflict handling.
DataCodexClaude
🔍Research Brief
Compact source-backed briefs for technical decisions.
ResearchCodexChatGPT
⚙️CI Fixer
Diagnose failing CI jobs and propose small fixes.
AutomationCodex
🪄Landing Page Polish
Tighten landing pages without turning them into templates.
DesignCodexClaude
🧬TypeScript Strictness
Raise type safety without a noisy rewrite.
BackendCodexClaude
📤Deploy Checklist
Create a release checklist for risky deploys.
DeploymentCodexClaude
🪝Webhook Handler
Build reliable webhook handlers with verification and retries.
BackendCodex
🧩Browser Extension Starter
Plan and scaffold a practical browser extension.
FrontendCodexClaude
🔬Competitor Teardown
Analyze competitor UX and positioning without fluff.
ResearchCodexChatGPT
🌡️Refactor Heatmap
Find the files most worth cleaning up first.
AutomationCodexClaude
🧩Backend Routes
Small, reliable API endpoints with validation and tests.
BackendCodexClaude
📝Docs Writer
Write clear README sections, setup notes, and usage guides.
DocsCodexChatGPT
🗃️Database Schema Review
Review schema shape, indexes, migrations, and data risk.
DataCodexClaude
🧯Error Handling Pass
Make failure paths explicit, useful, and testable.
BackendCodexClaude
💬UX Copy Polish
Make interface copy shorter, clearer, and calmer.
DesignCodexChatGPT
📜API Contract Diff
Compare API shapes and flag breaking changes.
BackendCodexClaude
🕶️Dark Pattern Audit
Find manipulative UX before it hurts trust.
DesignCodexChatGPT
🗺️LLMs.txt Generator
Create an AI-readable map of your product docs.
DocsCodexChatGPT
🎛️Design Token Extractor
Turn messy CSS into reusable design tokens.
FrontendCodexClaude
📦Dependency Review
Review dependencies for risk, overlap, and maintenance cost.
SecurityCodexClaude
🧊Empty States Designer
Design useful empty, loading, and no-results states.
DesignCodexClaude
🌐i18n Pass
Prepare UI for multiple languages without layout breakage.
FrontendCodexClaude
🧪Unit Test Generator
Generate focused unit tests around edge cases.
TestingCodexClaude
✍️Prompt Shaper
Tight prompts, reusable briefs, and calmer agent instructions.
PromptingCodexChatGPT
📬Queue Worker Review
Review async jobs for retries, idempotency, and dead letters.
BackendCodex
🚦Error Budget Guard
Set practical release gates from production risk.
DeploymentCodexClaude
📊Data Canvas
Shape raw CSV or JSON into readable product-facing views.
DataCodexChatGPT
🧰DevTools Debug
Use browser signals to debug UI behavior and runtime errors.
TestingCodex
🧵State Management Audit
Find tangled UI state and simplify data flow.
FrontendCodexClaude
📈Analytics Events Map
Map product events before adding tracking code.
DataCodexChatGPT
🗄️Cache Strategy Review
Review cache keys, invalidation, TTLs, and stale data risk.
BackendCodexClaude
🏎️Performance Budget
Set practical limits for bundle, images, and runtime cost.
FrontendCodexClaude
🏪Marketplace Listing Polish
Make plugin, app, or skill listings easier to trust.
DocsCodexChatGPT
🌀Growth Loop Map
Map how a product can earn repeat traffic.
ResearchChatGPTClaude
🧼UI Cleanup
Remove visual clutter and tighten spacing, labels, and states.
DesignCodexClaude
🧊Skeleton Loading Pass
Design loading states that preserve layout and feel quiet.
DesignCodexClaude
⚙️Repo Automation
Small repository chores handled with scripts and checks.
AutomationCodex
📋Form Validation QA
Check form validation, errors, and keyboard paths.
FrontendCodexClaude
🧵Viral Thread Builder
Turn product work into high-signal launch posts.
PromptingChatGPTClaude
🌱Database Seed Story
Create seed data that makes demos feel alive.
DataCodexClaude
🔎SEO Pass
Review metadata, page structure, and crawl basics.
FrontendCodexChatGPT
🪟Modal/Dialog QA
Check dialogs for focus, escape paths, and mobile fit.
TestingCodexClaude
🧭Onboarding Flow
Improve first-run product paths and setup guidance.
ProductivityCodexChatGPT
📝Docs Polish
Clear README, changelog, and release notes without filler.
DocsCodexChatGPT
🪵Log Signal Review
Turn noisy logs into useful operational signals.
BackendCodexClaude
🧬Schema to UI
Turn structured data models into usable UI plans.
DataCodexChatGPT
🎬Demo Video Script
Write tight product demo scripts from real UI.
DocsChatGPTClaude
💼Founder Demo Polish
Make a product demo crisp for investors or partners.
PromptingChatGPTClaude
🧾Changelog Writer
Turn commits or PRs into clean release notes.
DocsCodexChatGPT
🚩Feature Flag Audit
Review flags, rollout states, and cleanup debt.
AutomationCodexClaude
📐Admin Panel Density
Make operational screens scannable without feeling cramped.
DesignCodexClaude
📍Onboarding Tooltip Map
Design hints that help without annoying users.
DesignCodexChatGPT
🖼️Image Asset Optimizer
Clean up image assets for size, format, and responsive use.
DesignCodexClaude
🧯Incident Response Draft
Draft a calm incident note and follow-up checklist.
DocsCodexChatGPT
🧫Test Data Builder
Create realistic fixtures without brittle test setup.
TestingCodexClaude
🎧Support Macro Builder
Create reusable support replies and triage flows.
DocsCodexChatGPT
🧮Pricing Page Review
Review pricing page clarity, tiers, and conversion friction.
DesignCodexChatGPT
🧰README Troubleshooter
Find where setup docs fail a new user.
DocsCodexChatGPT
🧑⚖️Legal Pages Draft
Draft plain privacy, terms, and disclaimer pages.
DocsCodexChatGPT
🔔Notification Copy QA
Review email, toast, and push copy for clarity.
DocsCodexChatGPT