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.
๐งชWebapp Testing
Browser checks, screenshots, and interaction tests for local apps.
๐OpenAI Docs
Current official references for OpenAI APIs and models.
๐งฑComponent Audit
Find brittle props, layout drift, and duplicated UI patterns.
๐Cloudflare Deploy
Publish Workers, Pages, and full-stack apps with clean defaults.
๐Bug Reproduction
Turn vague bug reports into repeatable repro steps.
๐งญCodebase Map
Build a concise map of modules, flows, and ownership.
๐ฑMobile UI QA
Find cramped layouts, clipped text, and broken mobile flows.
๐คTelegram Bot Flow
Design compact Telegram bot flows that do not spam chats.
๐งชLLM Eval Harness
Create lightweight evals for prompts and AI features.
๐ฅทAI Agent Red Team
Stress-test autonomous agent behavior and tool use.
๐ชฉVibe to Spec
Turn a rough vibe into a buildable product spec.
๐ผ๏ธScreenshot Diff Review
Compare UI screenshots and spot visual regressions.
โCommand Palette Design
Add fast keyboard-first navigation to product UI.
โฟAccessibility Pass
Practical accessibility checks for product UI.
๐ ๏ธSkill Creator
Turn repeatable agent workflows into reusable skills.
๐งฉBackend Routes
Small, reliable API endpoints with validation and tests.
๐Research Brief
Compact source-backed briefs for technical decisions.
๐Docs Writer
Write clear README sections, setup notes, and usage guides.
๐ชLanding Page Polish
Tighten landing pages without turning them into templates.
๐งฌTypeScript Strictness
Raise type safety without a noisy rewrite.
๐งฐDevTools Debug
Use browser signals to debug UI behavior and runtime errors.
๐SEO Pass
Review metadata, page structure, and crawl basics.
๐งEmpty States Designer
Design useful empty, loading, and no-results states.
๐งตState Management Audit
Find tangled UI state and simplify data flow.
๐ฌUX Copy Polish
Make interface copy shorter, clearer, and calmer.
๐งผUI Cleanup
Remove visual clutter and tighten spacing, labels, and states.
๐i18n Pass
Prepare UI for multiple languages without layout breakage.
๐ผ๏ธImage Asset Optimizer
Clean up image assets for size, format, and responsive use.
๐คDeploy Checklist
Create a release checklist for risky deploys.
๐ชModal/Dialog QA
Check dialogs for focus, escape paths, and mobile fit.
๐งญOnboarding Flow
Improve first-run product paths and setup guidance.
๐งฎPermission Matrix
Map roles, actions, and access edge cases.
๐ชWebhook Handler
Build reliable webhook handlers with verification and retries.
๐งSkeleton Loading Pass
Design loading states that preserve layout and feel quiet.
๐งฎPricing Page Review
Review pricing page clarity, tiers, and conversion friction.
๐Form Validation QA
Check form validation, errors, and keyboard paths.
๐ญAPI Mock Studio
Build useful fake APIs for frontend and demos.
๐๏ธPerformance Budget
Set practical limits for bundle, images, and runtime cost.
๐ถ๏ธDark Pattern Audit
Find manipulative UX before it hurts trust.
๐งฉBrowser Extension Starter
Plan and scaffold a practical browser extension.
๐พLocal-first Sync
Plan offline-first state and conflict handling.