Trending Skills
The hottest skills gaining momentum in the community right now.
openai-docs-skill
by yuanxiao0115
Query the OpenAI developer documentation via the OpenAI Docs MCP server using CLI (curl/jq). Use whenever a task involves the OpenAI API (Responses, Chat Completions, Realtime, etc.), OpenAI SDKs, ChatGPT Apps SDK, Codex, MCP integrations, endpoint schemas, parameters, limits, or migrations and you need up-to-date official guidance.
context7
by yuanxiao0115
Fetch up-to-date library documentation via Context7 API. Use PROACTIVELY when: (1) Working with ANY external library (React, Next.js, Supabase, etc.) (2) User asks about library APIs, patterns, or best practices (3) Implementing features that rely on third-party packages (4) Debugging library-specific issues (5) Need current documentation beyond training data cutoff (6) AND MOST IMPORTANTLY, when you are installing dependencies, libraries, or frameworks you should ALWAYS check the docs to see what the latest versions are. Do not rely on outdated knowledge. Always prefer this over guessing library APIs or using outdated knowledge.
vercel-react-best-practices
by yuanxiao0115
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
skill-creator
by yuanxiao0115
Use when creating/updating Codex skills and you want to scaffold, validate, or package them using this skill's helper scripts (init_skill.py, quick_validate.py, package_skill.py).
Frontend Responsive Design Standards
by yuanxiao0115
Build responsive, mobile-first layouts using fluid containers, flexible units, media queries, and touch-friendly design that works across all screen sizes. Use this skill when creating or modifying UI layouts, responsive grids, breakpoint styles, mobile navigation, or any interface that needs to adapt to different screen sizes. Apply when working with responsive CSS, media queries, viewport settings, flexbox/grid layouts, mobile-first styling, breakpoint definitions (mobile, tablet, desktop), touch target sizing, relative units (rem, em, %), image optimization for different screens, or testing layouts across multiple devices. Use for any task involving multi-device support, responsive design patterns, or adaptive layouts.
frontend-design
by yuanxiao0115
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.
ui-ux-pro-max
by yuanxiao0115
"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples."
Agent Browser
by yuanxiao0115
A fast Rust-based headless browser automation CLI with Node.js fallback that enables AI agents to navigate, click, type, and snapshot pages via structured commands.
cli-design-guidelines
by yuanxiao0115
Design and UX guidance for command-line tools and scripts, based on the Command Line Interface Guidelines (clig.dev) and the Chinese translation at clig.onev.dev.
typescript-advanced-types
by yuanxiao0115
Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.
todo-list-csv
by yuanxiao0115
Use when 需要一个“落盘的 TODO 清单/进度表（CSV）”并与 update_plan 严格同步（例如用户要求 checklist/进度跟踪/CSV）。
skill-installer
by yuanxiao0115
Install Codex skills into $CODEX_HOME/skills from a curated list or a GitHub repo path. Use when a user asks to list installable skills, install a curated skill, or install a skill from another repo (including private repos).
subagent-driven-development
by ederheisler
Execute implementation plans in the current session by dispatching one subagent per mostly independent task with two-stage review (spec compliance, then code quality); avoid for tightly coupled or ambiguous tasks.
PDF Processing Guide
by yousufjoyian
Claude agent skills and workspace configuration
Requirements for Outputs
by yousufjoyian
Claude agent skills and workspace configuration
Meta-Pattern Recognition
by yousufjoyian
Claude agent skills and workspace configuration
dispatching-parallel-agents
by ederheisler
Dispatch subagents in parallel when there are 2+ independent problem domains (separate failures/subsystems) that can be investigated without shared state or sequential dependencies; avoid when work is tightly coupled, ambiguous, or requires main-agent decisions.
webapp-testing
by ederheisler
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
using-git-worktrees
by ederheisler
Use when starting feature work that needs isolation from current workspace or before executing implementation plans - creates isolated git worktrees with smart directory selection and safety verification
Markdown to EPUB Converter Skill
by yousufjoyian
Claude agent skills and workspace configuration
Using tmux for Interactive Commands
by yousufjoyian
Claude agent skills and workspace configuration
YouTube Transcript Downloader
by yousufjoyian
Claude agent skills and workspace configuration
quality-gates
by ederheisler
Python code quality gates script for linting, type checking, complexity analysis, and testing before commits. Use when enforcing consistent code quality across Python projects with fast (unit-tests) or comprehensive (all-tests) modes.
Defense-in-Depth Validation
by yousufjoyian
Claude agent skills and workspace configuration