Frontend UI polish skills

Codex skills for improving React UI, design systems, accessibility, spacing, responsive layouts, and visual quality before release.

Get skills through Telegram

๐ŸŽจFrontend Design

Production-grade interfaces with a clear visual point of view.

DesignCodexClaude

๐ŸงชWebapp Testing

Browser checks, screenshots, and interaction tests for local apps.

TestingCodexClaude

๐Ÿ“šOpenAI Docs

Current official references for OpenAI APIs and models.

DocsCodexChatGPT

๐ŸงฑComponent Audit

Find brittle props, layout drift, and duplicated UI patterns.

FrontendCodexClaude

๐Ÿš€Cloudflare Deploy

Publish Workers, Pages, and full-stack apps with clean defaults.

DeploymentCodex

๐ŸžBug Reproduction

Turn vague bug reports into repeatable repro steps.

TestingCodexClaude

๐ŸงญCodebase Map

Build a concise map of modules, flows, and ownership.

ResearchCodexClaude

๐Ÿ“ฑMobile UI QA

Find cramped layouts, clipped text, and broken mobile flows.

TestingCodexClaude

๐Ÿค–Telegram Bot Flow

Design compact Telegram bot flows that do not spam chats.

DesignCodexClaude

๐ŸงชLLM Eval Harness

Create lightweight evals for prompts and AI features.

TestingCodexClaude

๐ŸฅทAI Agent Red Team

Stress-test autonomous agent behavior and tool use.

SecurityCodexClaude

๐ŸชฉVibe to Spec

Turn a rough vibe into a buildable product spec.

ProductivityCodexChatGPT

๐Ÿ–ผ๏ธScreenshot Diff Review

Compare UI screenshots and spot visual regressions.

TestingCodexClaude

โŒ˜Command Palette Design

Add fast keyboard-first navigation to product UI.

DesignCodexClaude

โ™ฟAccessibility Pass

Practical accessibility checks for product UI.

FrontendCodexChatGPT

๐Ÿ› ๏ธSkill Creator

Turn repeatable agent workflows into reusable skills.

ProductivityCodex

๐ŸงฉBackend Routes

Small, reliable API endpoints with validation and tests.

BackendCodexClaude

๐Ÿ”Research Brief

Compact source-backed briefs for technical decisions.

ResearchCodexChatGPT

๐Ÿ“Docs Writer

Write clear README sections, setup notes, and usage guides.

DocsCodexChatGPT

๐Ÿช„Landing Page Polish

Tighten landing pages without turning them into templates.

DesignCodexClaude

๐ŸงฌTypeScript Strictness

Raise type safety without a noisy rewrite.

BackendCodexClaude

๐ŸงฐDevTools Debug

Use browser signals to debug UI behavior and runtime errors.

TestingCodex

๐Ÿ”ŽSEO Pass

Review metadata, page structure, and crawl basics.

FrontendCodexChatGPT

๐ŸงŠEmpty States Designer

Design useful empty, loading, and no-results states.

DesignCodexClaude

๐ŸงตState Management Audit

Find tangled UI state and simplify data flow.

FrontendCodexClaude

๐Ÿ’ฌUX Copy Polish

Make interface copy shorter, clearer, and calmer.

DesignCodexChatGPT

๐ŸงผUI Cleanup

Remove visual clutter and tighten spacing, labels, and states.

DesignCodexClaude

๐ŸŒi18n Pass

Prepare UI for multiple languages without layout breakage.

FrontendCodexClaude

๐Ÿ–ผ๏ธImage Asset Optimizer

Clean up image assets for size, format, and responsive use.

DesignCodexClaude

๐Ÿ“คDeploy Checklist

Create a release checklist for risky deploys.

DeploymentCodexClaude

๐ŸชŸModal/Dialog QA

Check dialogs for focus, escape paths, and mobile fit.

TestingCodexClaude

๐ŸงญOnboarding Flow

Improve first-run product paths and setup guidance.

ProductivityCodexChatGPT

๐ŸงฎPermission Matrix

Map roles, actions, and access edge cases.

SecurityCodexClaude

๐ŸชWebhook Handler

Build reliable webhook handlers with verification and retries.

BackendCodex

๐ŸงŠSkeleton Loading Pass

Design loading states that preserve layout and feel quiet.

DesignCodexClaude

๐ŸงฎPricing Page Review

Review pricing page clarity, tiers, and conversion friction.

DesignCodexChatGPT

๐Ÿ“‹Form Validation QA

Check form validation, errors, and keyboard paths.

FrontendCodexClaude

๐ŸŽญAPI Mock Studio

Build useful fake APIs for frontend and demos.

BackendCodexClaude

๐ŸŽ๏ธPerformance Budget

Set practical limits for bundle, images, and runtime cost.

FrontendCodexClaude

๐Ÿ•ถ๏ธDark Pattern Audit

Find manipulative UX before it hurts trust.

DesignCodexChatGPT

๐ŸงฉBrowser Extension Starter

Plan and scaffold a practical browser extension.

FrontendCodexClaude

๐Ÿ’พLocal-first Sync

Plan offline-first state and conflict handling.

DataCodexClaude