21 tagged front end, measured the same way as everything else here.
Browse within: css 9html5 9javascript 8ppt 8api 5awesome 5claude-ai 5
Skill Claude CodeCodex
A tool for creating animated HTML presentations with a narrated sidebar and a rotating set of three-dimensional cards. The cards can show steps, concepts, or comparisons.
Skill Claude CodeCodex
Create professional architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as standalone animated HTML files with SVG graphics, flowing animation effects, a built-in dark/light theme toggle, and one-click export to PNG / JPEG / WebP / SVG / GIF / WebM. Accepts plain-language descriptions or pasted…
Skill Claude CodeCodex
A tool for making cinematic web demonstrations that present information inside a realistic smartphone interface, such as notifications, chats, settings, or an app screen.
Unclecheng-li/AI-Animation-Skill
Skill Claude CodeCodex
A workflow that turns science or educational text into a visual presentation webpage styled like a slide deck. It can also turn generated animation pages into a flat, diagram-like interface.
Skill Claude CodeCodex
Run the spec-driven loop for a dev-challenge exercise — read the spec and its acceptance criteria, clarify ambiguity, plan, build, verify with the harness, iterate on failing criteria. Use whenever someone is working through a challenge from specs/challenges/, mentions a challenge id like backend-05-balance or…
Skill Claude CodeCodex
Compare an implemented UI against the dev-challenge design tokens and mockups — colours, type scale, spacing, layout and the required testids. Use when someone asks "does this match the design", wants a design review of a screen they built, is working on a web or mobile challenge's visual fidelity, or asks which…
Skill Claude CodeCodex
Add or change a challenge in the dev-challenge spec layer — frontmatter, acceptance criteria with stable IDs, the matching harness test, and the validation that keeps them in sync. Use when someone wants to add a new challenge or track, edit an existing spec or acceptance criterion, change API behaviour that a spec…
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.
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…
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 /…
Skill Claude CodeCodex
NextDNS integration guides for third-party platforms and services. This skill should be used when integrating NextDNS with routers, home automation systems, network management platforms, or other third-party services. It also guides transport selection across DoH, DoT, DoQ, DoH3, IPv6, and legacy DNS. Triggers on…
Skill Claude CodeCodex
NextDNS CLI client best practices for installation, configuration, and management of DNS-over-HTTPS proxy. This skill should be used when installing NextDNS on routers, servers, or client devices, configuring DNS settings, managing the daemon, or troubleshooting DNS issues. Triggers on tasks involving NextDNS CLI…
Skill Claude CodeCodex
NextDNS Web UI configuration and management best practices. This skill should be used when configuring NextDNS profiles via the web interface (my.nextdns.io), including security features, privacy lists, parental controls, and monitoring logs.