frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Discover research cms platforms skills, compare source repositories and read the instructions for each workflow.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Collaborative design and specification workflow for turning ideas into detailed, implementation-ready designs. Use for feasibility checks ("is X possible?", "can we do Y?"), design exploration, and full specifi...
Help with Marp presentation styling, layouts, colors, and CSS. Use when the user asks about styling slides, formatting, colors, two-column layouts, CSS, how to style list items, or any visual formatting questio...
Figma integration for design specs. Use when getting colors, typography, spacing from Figma, exporting component specs, syncing design tokens, implementing UI from Figma design.
Analyze a repository to generate recommended Claude Code settings.json permissions. Use when setting up a new project, auditing existing settings, or determining which read-only bash commands to allow. Detects...
Frameworks, templates, and best practices for creating thought leadership content. Use when generating LinkedIn posts, Twitter threads, articles, newsletters, or any content meant to establish expertise and aut...
This skill should be used when the user asks to "clone a SaaS", "build a typeform clone", "replicate calendly", "create an open source alternative to X", or wants to rapidly build functional clones of popular S...
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement,...
Cloudflare deployment for frontend (Pages) and backend (Workers). Covers secrets, environment variables, custom domains, and production configuration.
Documents development work into changelog-style markdown files organized by date. Analyzes recent changes and creates structured work logs. Use when logging completed work or creating development history.
Guides manual staging validation before production deployment through smoke tests, critical user flow testing, data migration verification, and rollback capability checks. Use when validating staging deployment...
Completes feature/epic workflows after deployment with comprehensive walkthrough generation for epics (v5.0+), roadmap updates, artifact archival, documentation, and branch cleanup. Use after /ship-prod, /deplo...
This skill orchestrates complete feature development using specialized agents. Use when the user says "build feature", "implement feature", "develop feature end-to-end", "full feature lifecycle", "orchestrate d...
Guide you through creating a Red Hat Showroom demo module using the Know/Show structure for presenter-led demonstrations.
Guide you through creating a single Red Hat Showroom workshop module from reference materials (URLs, files, docs, or text) with business storytelling and proper AsciiDoc formatting.
Fullstack development skill for WL Backoffice system. Handles feature implementation across Kirby (FE), Coloris (BE API), Promodia (Promotion), and Monika (SQL Database). Use when users want to "create new feat...
Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format files using the Figma MCP server
Retrieve real-time technical documentation and code snippets from third-party libraries using the Context7 V2 API.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement,...
Generate Claude Code plugins, skills, and marketplaces using Kotlin DSL. Use when the user wants to: - Create a new plugin with commands and skills - Create a marketplace to distribute plugins - Generate correc...
Bug and issue tracking system using markdown files. Record, track, and resolve bugs, errors, and issues encountered during development. Create detailed bug reports with reproduction steps, error messages, root...
Create production-ready React UI components using shadcn/ui and Tailwind CSS. Use when creating shared components, building forms, dialogs, tables, or any UI elements. Automatically installs missing shadcn/ui c...
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 avoid...
Capture and apply continuous improvements to Codex CLI skills during regular work. Use when a user wants to refine a skill, add a new skill after repeating a workflow, or keep skills up to date based on recent...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.