front end development skills

64 tagged front end development, measured the same way as everything else here.

Browse within: checklist 57front-end-developer-tool 57guidelines 57reference 57

thedaviddias/Front-End-Checklist

Skill Claude CodeCodex

Use when applies to all (except type=hidden), , , and custom form widgets using role=textbox, role=combobox, role=spinbutton, role=searchbox, or role=listbox.

74k 18d ago A 56 tokens

thedaviddias/Front-End-Checklist

Skill Claude CodeCodex

Use when applies to custom ARIA widgets using composite roles: tablist, list, listbox, menu, menubar, tree, treegrid, grid, rowgroup, row, radiogroup. Use when reviewing components built with div/span elements that replace native HTML list, select, or nav elements.

74k 18d ago A 67 tokens

aria-treeitem-name

03

thedaviddias/Front-End-Checklist

Skill Claude CodeCodex

Use when applies to custom tree widgets built with role='tree', role='treeitem', and role='group'. Common in file explorers, nested navigation menus, org charts, and any UI where items can be expanded or collapsed to reveal children.

74k 18d ago A 54 tokens

editorial-ledger

04

QuasarG/taste-bank

Skill Claude CodeCodex

A visual design style for websites and tools that resembles a carefully typeset newspaper ledger. It uses narrow uppercase headings, thin divider lines, generous spacing, and restrained accent colors.

8 10d ago A 0 tokens original MIT

QuasarG/taste-bank

Skill Claude CodeCodex

How to distill a frontend style from an existing project and submit it to the Taste Bank library. Covers the full contribution SOP: identity setup, sampling, packing, desensitization, and CLI submission. Invoke when the user wants to contribute/submit a new style, or distill a project's visual design into a reusable…

8 10d ago A 87 tokens original MIT

taste-bank

06

QuasarG/taste-bank

Skill Claude CodeCodex

The front-end style library for coding agents. Use the taste-bank CLI to browse curated design styles (design tokens + rules + templates) and inject them into the current project. Invoke when the user wants design/style guidance, references, or to apply a saved visual style to a frontend. Commands: taste-bank list /…

8 10d ago A 75 tokens original MIT

clean-code

07

AbdulSamad94/Personal-Portfolio

Skill Claude CodeCodex

This skill embodies the principles of "Clean Code" by Robert C. Martin (Uncle Bob). Use it to transform "code that works" into "code that is clean.".

2 21d ago A 39 tokens

openai-agents-sdk

09

AbdulSamad94/Personal-Portfolio

Skill Claude CodeCodex

OpenAI Agents SDK (Python) development. Use when building AI agents, multi-agent handoffs, function tools, guardrails, sessions, streaming, or tracing with the openai-agents / agents Python package — including Azure OpenAI via LiteLLM. Triggers on imports from agents, uses of Runner.runsync/Runner.runstreamed…

2 21d ago B 109 tokens