Frontend AI skills — page 3

deck-xhs-white

by nexu-io

Frontend

纯白 + 顶部彩虹 bar + 渐变文字 + 马卡龙软卡片 + 黑底 pill

deck-xhs-post

by nexu-io

Frontend

9 页 3:4 竖版图文, 暖 pastel + 虚线 sticker 卡片

digital-eguide

by nexu-io

Frontend

两页跨页电子指南, 封面 + 课程页 + pull-quote + 步骤列表

article-magazine

by nexu-io

Frontend

Substack / Medium 高级感长文排版, 适合公众号、博客发布

deck-magazine-web

by nexu-io

Frontend

电子杂志 × 电子墨水风, WebGL 流体背景 + 衬线 display

deck-course-module

by nexu-io

Frontend

暖纸背景 + Playfair, 左侧学习目标常驻, 含 MCQ 自测页

dashboard

by nexu-io

Frontend

固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图

Medsci Skills

by Aperivue

Frontend

Agent Skills for medical research — literature search, reporting-guideline & citation checks, statistics, publication figures, submission. Works with Claude Code, Codex, Cursor & GitHub Copilot. Built by a physician-researcher, tested on real publications. MIT.

card-xiaohongshu

by nexu-io

Frontend

小红书风格知识卡片, 多张联排可滑动浏览

card-twitter

by nexu-io

Frontend

推特金句 / 数据卡, 适合配推文

Flompt

by Nyrok

Frontend

flow + prompt = flompt - Visual AI Prompt Builder. Decompose, edit as flowchart, recompile into optimized machine-readable prompts

frontend-design

by anthropics

Frontend

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

mcp-builder

by anthropics

Frontend

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

web-artifacts-builder

by anthropics

Frontend

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

artifacts-builder

by ComposioHQ

Frontend

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

codex-qa

by code-yeongyu

Frontend

QA the omo Codex Light edition (lazycodex / packages/omo-codex) itself, in strict isolation so ONLY our plugin is exercised, never the user's real ~/.codex. The first-party method drives the real `codex app-server` against an isolated CODEX_HOME plus a LOCAL mock model (no real API call), and proves a plugin hook fired by asserting hook/started + hook/completed notifications. Also: isolated install verification, per-component hook probes, a tmux TUI smoke, and runtime log observation (RUST_LOG / logs SQLite / /debug-config). Ships tested helper scripts each with a --self-test. Use whenever someone changes anything under packages/omo-codex or wants to QA, smoke-test, verify, or debug the Codex plugin, its hooks/components, the installer/config.toml, the app-server flow, or the Codex TUI. Triggers: codex qa, qa codex, codex-qa, test codex plugin, verify codex hook, codex app-server, lazycodex qa, isolated CODEX_HOME, prove codex hook fired, codex tui test.

github-triage

by code-yeongyu

Frontend

Read-only GitHub triage for issues AND PRs. 1 item = 1 background task (category: quick). Analyzes all open items and writes evidence-backed reports to /tmp/{datetime}/. Every claim requires a GitHub permalink as proof. NEVER takes any action on GitHub - no comments, no merges, no closes, no labels. Reports only. Triggers: 'triage', 'triage issues', 'triage PRs', 'github triage'.

lcx-report-bug

by code-yeongyu

Frontend

Create a high-signal bug issue or PR in the repo that owns the defect. Use this whenever the user asks to report, file, open, or triage a LazyCodex, lazycodex-ai, omo-codex, Codex plugin, or upstream Codex CLI bug, especially when they need source-backed root cause, reproduction steps, fix guidance, and GitHub routing.

give-me-tips

by code-yeongyu

Frontend

Explains any senpi tip in depth, including Tip: lines in the TUI. Use when the user asks about a tip, what a tipped feature does, or which tips they can see.

frontend

by code-yeongyu

Frontend

Builds, styles, and polishes web UI and UX. Use for any frontend, page, component, styling, layout, animation, or visual-quality task, or when asked to make an interface look or feel a certain way.

refactor

by code-yeongyu

Frontend

Guides a refactor, cleanup, or restructure with the right decomposition. Use when the user asks to refactor, simplify, extract, or modernize code.

visual-qa

by code-yeongyu

Frontend

Runs rigorous visual QA across web, terminal, and paginated surfaces with screenshot evidence and a verdict. Use for any UI build or change, or when asked whether a page, component, or TUI looks right.

agent-browser

by code-yeongyu

Frontend

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.

dev-browser

by code-yeongyu

Frontend

Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include "go to [url]", "click on", "fill out the form", "take a screenshot", "scrape", "automate", "test the website", "log into", or any browser interaction request.

acquisition-channel-advisor

by deanpeters

Frontend

Evaluate acquisition channels using unit economics, customer quality, and scalability. Use when deciding whether to scale, test, or kill a growth channel.

ai-shaped-readiness-advisor

by deanpeters

Frontend

Assess whether your product work is AI-first or AI-shaped. Use when evaluating AI maturity and choosing the next team capability to build.

battle-card-builder

by deanpeters

Frontend

Research and draft a competitive battle card from public evidence — every claim labeled and sourced. Use when a rep needs a field-action card, not a research report.

director-readiness-advisor

by deanpeters

Frontend

Guide the PM-to-Director transition across preparing, interviewing, landing, and recalibrating. Use when leadership scope is changing and you need practical coaching.

eol-checklist

by deanpeters

Frontend

Build a phase-gated EOL checklist sized to the sunset, with a named owner on every item. Use when the decision to retire is made and you need the operational plan.

eol-internal-enablement

by deanpeters

Frontend

Build the support FAQ, sales talking points, and objection handling teams need before an EOL announcement. Use when customer-facing teams must be ready before customers hear.

finance-metrics-quickref

by deanpeters

Frontend

Look up SaaS finance metrics, formulas, and benchmarks fast. Use when you need a quick metric definition, formula, or benchmark during analysis.

opportunity-solution-tree

by deanpeters

Frontend

Build an Opportunity Solution Tree from outcomes to opportunities, solutions, and tests. Use when a stakeholder request needs problem framing before you decide what to build.

preline-theme-generator

by htmlstreamofficial

Frontend

Generate, preview, save, or validate Preline theme CSS using the bundled local generator in this skill. Use when the user asks to create a new Preline theme, match a brand color, translate a mood into a theme, generate light and dark theme CSS, preview theme output without writing files, or review and fix generated theme tokens. Do not use for generic non-Preline CSS work or arbitrary command execution.

baoyu-post-to-wechat

by anbeime

Frontend

Posts content to WeChat Official Account (微信公众号) via API or Chrome CDP. Supports article posting (文章) with HTML, markdown, or plain text input, and image-text posting (图文) with multiple images. Use when user mentions "发布公众号", "post to wechat", "微信公众号", or "图文/文章".

frontend-design

by anbeime

Frontend

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Product Manager Skills

by deanpeters

Frontend

Product Management skills framework built on battle-tested methods for Claude Code, Cowork, Codex, and AI agents.

Preline

by htmlstreamofficial

Frontend

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

Itr Prep Skill

by NidheeshJain

Frontend

Claude Code skill that prepares Indian Income Tax Returns (ITR-1/2/3/4): parses Form 16/AIS/26AS/broker statements, reconciles every rupee, compares regimes, computes tax + interest, and emits a portal-ready data-pack JSON for a browser agent to file.

Claude Code Ios Dev Guide

by keskinonur

Frontend

A comprehensive guide for setting up Claude Code CLI with PRD-driven workflows, extended thinking (ultrathink), and planning modes optimized for Swift/SwiftUI iOS development.

Lazyclaude

by NikiforovAll

Frontend

A lazygit-style TUI for visualizing Claude Code customizations.

grapesjs

by GJS-market

Frontend

Expert guidance for building with GrapesJS and the GrapesJS Studio SDK — custom component types, blocks, traits, editor events and commands, storage and export, React/Vue/Next.js integration, canvas and styling problems, panels, assets, pages, i18n, rich text, data sources, and authoring distributable GrapesJS plugins.

Gryffin Calorai Ventus

by slimeglitch

Frontend

Top AI Calorie Tracker GitHub 2026

Agentic Coding Standards

by younesZT

Frontend

Claude Plugin Consistency Kit 2026: Shared Agent Guidelines & Stack-Specific Skills

Symfony Ux Insights

by ashfaquecg806-dot

Frontend

Symfony UX Skills Bundle 2026 - Master Live & Twig Components, Turbo, Stimulus

RAD Claude Agent Toolkit

by nirmal77-nir

Frontend

Best Free AI Code Review Agents 2026 – 190+ Skills & Plugins for Claude

Moodle Quizsmith

by Rick-254

Frontend

Claude Quiz Engine 2026 - Moodle MCQ Generator for GIFT XML Aiken

AlterLab FC Agent Playbook

by mohamoudj6-del

Frontend

AlterLab FC 2026 AI Playbook 🚀 Ultimate Skills & Strategy Guide

Seo Opportunity Nexus

by munexor

Frontend

SEO Superpower 2026: Bootstrap, Audit & Refresh Stale Content with Free GSC Tools