🎨Frontend Design
Production-grade interfaces with a clear visual point of view.
98
DesignCodexClaude
Catalog
Find the right skill quickly.
Search practical workflows, filter by agent compatibility, and get skills through Telegram.
Curated shelves
Why this collectionFull catalog · Showing 60 / 60 total
Sort
🧪Webapp Testing
Browser checks, screenshots, and interaction tests for local apps.
95
TestingCodexClaude
🕵️Threat Modeling
Map assets, trust boundaries, and abuse paths.
94
SecurityCodexClaude
🔐Secrets Check
Inspect code and config for accidental credentials exposure.
93
SecurityCodex
📚OpenAI Docs
Current official references for OpenAI APIs and models.
92
DocsCodexChatGPT
🧾PR Reviewer
Review pull requests for bugs, regressions, and missing tests.
92
ProductivityCodexClaude
🪪Auth Flow Review
Review login, sessions, redirects, and permission edges.
92
SecurityCodexClaude
🛡️Security Best Practices
Framework-aware security review for JS, Python, and Go.
91
SecurityCodexClaude
🧱Component Audit
Find brittle props, layout drift, and duplicated UI patterns.
91
FrontendCodexClaude
📱Mobile UI QA
Find cramped layouts, clipped text, and broken mobile flows.
91
TestingCodexClaude
🛒Checkout QA
Test checkout paths, edge cases, and payment-state copy.
91
TestingCodexClaude
🧭Codebase Map
Build a concise map of modules, flows, and ownership.
90
ResearchCodexClaude
🧪Playwright Tests
Generate focused browser tests for critical user paths.
90
TestingCodex
🚀Cloudflare Deploy
Publish Workers, Pages, and full-stack apps with clean defaults.
89
DeploymentCodex
🐞Bug Reproduction
Turn vague bug reports into repeatable repro steps.
89
TestingCodexClaude
♿Accessibility Pass
Practical accessibility checks for product UI.
90
FrontendCodexChatGPT
🧠Prompt Architect
Design durable prompts and agent instructions.
89
PromptingCodexChatGPT
🛠️Skill Creator
Turn repeatable agent workflows into reusable skills.
88
ProductivityCodex
🧹Refactor Plan
Create a staged, low-risk plan before touching code.
88
ProductivityCodexClaude
🧑💻API Integration
Wire external APIs with typed clients and clear error paths.
88
BackendCodexClaude
🔄Migration Planner
Plan framework, schema, or package migrations safely.
88
AutomationCodexClaude
📡Release Risk Scan
Spot risky files, missing checks, and unclear rollback before release.
88
DeploymentCodexClaude
🔍Research Brief
Compact source-backed briefs for technical decisions.
87
ResearchCodexChatGPT
⚙️CI Fixer
Diagnose failing CI jobs and propose small fixes.
87
AutomationCodex
🪄Landing Page Polish
Tighten landing pages without turning them into templates.
87
DesignCodexClaude
🧬TypeScript Strictness
Raise type safety without a noisy rewrite.
87
BackendCodexClaude
📤Deploy Checklist
Create a release checklist for risky deploys.
87
DeploymentCodexClaude
🪝Webhook Handler
Build reliable webhook handlers with verification and retries.
87
BackendCodex
🧩Backend Routes
Small, reliable API endpoints with validation and tests.
86
BackendCodexClaude
📝Docs Writer
Write clear README sections, setup notes, and usage guides.
86
DocsCodexChatGPT
🗃️Database Schema Review
Review schema shape, indexes, migrations, and data risk.
86
DataCodexClaude
🧯Error Handling Pass
Make failure paths explicit, useful, and testable.
86
BackendCodexClaude
💬UX Copy Polish
Make interface copy shorter, clearer, and calmer.
86
DesignCodexChatGPT
📦Dependency Review
Review dependencies for risk, overlap, and maintenance cost.
85
SecurityCodexClaude
🧊Empty States Designer
Design useful empty, loading, and no-results states.
85
DesignCodexClaude
🌐i18n Pass
Prepare UI for multiple languages without layout breakage.
85
FrontendCodexClaude
🧪Unit Test Generator
Generate focused unit tests around edge cases.
85
TestingCodexClaude
✍️Prompt Shaper
Tight prompts, reusable briefs, and calmer agent instructions.
85
PromptingCodexChatGPT
📊Data Canvas
Shape raw CSV or JSON into readable product-facing views.
84
DataCodexChatGPT
🧰DevTools Debug
Use browser signals to debug UI behavior and runtime errors.
84
TestingCodex
🧵State Management Audit
Find tangled UI state and simplify data flow.
84
FrontendCodexClaude
📈Analytics Events Map
Map product events before adding tracking code.
84
DataCodexChatGPT
🗄️Cache Strategy Review
Review cache keys, invalidation, TTLs, and stale data risk.
84
BackendCodexClaude
🧼UI Cleanup
Remove visual clutter and tighten spacing, labels, and states.
83
DesignCodexClaude
🧊Skeleton Loading Pass
Design loading states that preserve layout and feel quiet.
83
DesignCodexClaude
⚙️Repo Automation
Small repository chores handled with scripts and checks.
83
AutomationCodex
📋Form Validation QA
Check form validation, errors, and keyboard paths.
83
FrontendCodexClaude
🔎SEO Pass
Review metadata, page structure, and crawl basics.
82
FrontendCodexChatGPT
🪟Modal/Dialog QA
Check dialogs for focus, escape paths, and mobile fit.
82
TestingCodexClaude
🧭Onboarding Flow
Improve first-run product paths and setup guidance.
82
ProductivityCodexChatGPT
📝Docs Polish
Clear README, changelog, and release notes without filler.
82
DocsCodexChatGPT
🪵Log Signal Review
Turn noisy logs into useful operational signals.
82
BackendCodexClaude
🧾Changelog Writer
Turn commits or PRs into clean release notes.
81
DocsCodexChatGPT
🚩Feature Flag Audit
Review flags, rollout states, and cleanup debt.
81
AutomationCodexClaude
🖼️Image Asset Optimizer
Clean up image assets for size, format, and responsive use.
80
DesignCodexClaude
🧯Incident Response Draft
Draft a calm incident note and follow-up checklist.
80
DocsCodexChatGPT
🧫Test Data Builder
Create realistic fixtures without brittle test setup.
80
TestingCodexClaude
🧮Pricing Page Review
Review pricing page clarity, tiers, and conversion friction.
79
DesignCodexChatGPT
🧰README Troubleshooter
Find where setup docs fail a new user.
79
DocsCodexChatGPT
🧑⚖️Legal Pages Draft
Draft plain privacy, terms, and disclaimer pages.
78
DocsCodexChatGPT