Results for “code-highlighting”
58 skillssnipgrapher
Generate polished code snippet images with syntax highlighting, supporting PNG, SVG, and WebP exports via the snipgrapher CLI.
1.9k · bundle
slidev
Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features.
61
slidev
Create and present web-based slidedecks for developers using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features.
3 · bundle
slidev
Create and present web-based slide decks using Slidev with Markdown, Vue components, code highlighting, animations, and interactive features. Ideal for technical presentations, conference talks, code walkthroughs, teaching materials, or developer decks.
5.5k · bundle
More results
baoyu-markdown-to-html
Converts Markdown to styled HTML with WeChat-compatible themes, supporting code highlighting, math, Mermaid diagrams, PlantUML, footnotes, alerts, and optional bottom citations for external links.
23.1k · bundle
n-code
Code component for displaying syntax-highlighted code. Invoke when user needs to display code snippets with syntax highlighting in Naive UI.
8
coding-guide
Create medical coding guides for billing accuracy. TRIGGERS - Use when user needs help with coding-guide related tasks.
3
baoyu-markdown-to-html
Converts Markdown files to styled HTML with inline CSS, supporting themes, code highlighting, math, diagrams, footnotes, and alerts, optimized for WeChat and other platforms.
559 · bundle
burn-hud
Burn HUD
18 · bundle
code
Guides coding workflows with planning, implementation, verification, and testing, storing user preferences locally on request.
10 · bundle
design-system
Turn a chosen design direction into a canonical DESIGN.md plus production tokens that don't look vibecoded — state-level colors (8-step neutral ramp, rest/hover/active/ disabled, focus ring), APCA-checked contrast, typography, spacing/radius/motion/elevation, an icon strategy, and component contracts for the core atoms. Emits tokens in the project's stack format (shadcn HSL vars or Tailwind v4 @theme). Load when the user asks to build a design system, generate design tokens, create a DESIGN.md, set up a theme, design a color or type system, pick icons, or when frontend-design routes here. Replaces design-tokens-craft and icon-craft. Sub-skill of frontend-design. Reads DIRECTION.md first.
3 · bundle
coding-agent
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
0
image-to-code
Generates premium website design images, then deeply analyzes them to implement faithful frontend code for hero sections, landing pages, and marketing sites.
agent-code-analyzer
Agent skill for code-analyzer - invoke with $agent-code-analyzer
0
code-review-standards
Severity-tagged code review checklist (CRITICAL/HIGH/MEDIUM/LOW) used by code-critic agent
71 · bundle
deck-ljg-present
Visualizes outlines and markdown as bold, color-block manifesto-style decks without rewriting or reordering content. Supports black, red, and yellow themes.
· bundle
complexity-hotspots
Rank the most complex code in a repo — long functions, deep nesting, high cyclomatic complexity, and god-files — worst-first, with a refactor suggestion for each. Pure Claude Code, no MCP, no signup.
code-exemplars-blueprint-generator
Generates customizable prompts for scanning codebases to identify and document high-quality code exemplars, supporting multiple programming languages and configurable analysis depth.
36.2k
code-simplifier
Simplifies and refines code for clarity, consistency, and maintainability while preserving all functionality.
845
wp-admin-codemirror
Integrates WordPress's bundled CodeMirror editor into admin pages using wp_enqueue_code_editor() and wp.codeEditor.initialize(), covering MIME selection, linter handles, settings filters, and programmatic control for syntax-highlighted textareas.
0
vibecoding-animated-websites
Builds high-end, animated websites with a focus on aesthetics, semantic HTML, and accessibility. Use when the user wants to "vibecode", create an "animated website", or use the "Noir Luxe" style workflow.
23
learning-mode-coding
Switches Claude Code into a teaching-first mode for unfamiliar technologies, explaining concepts and commands step by step without writing code until approved.
0
frame-light-leak-cinema
Generates a single-frame HTML template with a cinematic film-leak aesthetic: warm light leaks, 35mm grain, 2.39:1 letterbox, and serif typography for opening titles or chapter cards.
· bundle
opencode-design-analysis
Documents the monospaced, manpage-inspired design system of OpenCode's marketing site, including typography, color palette, and spacing tokens.
50.9k · bundle
code-review
Use this skill for code review and PR review tasks. Covers review methodology, what to flag, what to skip, and output structure.
0
code
Use BEFORE generating, refactoring, reviewing, or debugging code. Trigger phrases include "write a function/script/class for X", "review this code/diff/PR", "refactor this", "debug this error", "is this implementation correct", "what's wrong with this code", "improve this code", "translate from X to Y", or any prompt with a code block the user wants you to act on. Also fires when planning architectural changes, picking algorithms or data structures, or evaluating dependency upgrades. Calls the code MCP tool to retrieve an engineering scaffold (failure pattern, procedure, correct-pattern example, verification step) before generating. Catches hallucinated APIs, lost edge cases, premature algorithm commitment, silent contract violations, refactors that change behavior masked by passing tests. Do NOT trigger for pure code reading with no action requested, simple syntax questions, file...
2 · bundle
article-magazine
Creates long-form magazine-style articles with hero sections, serif headings, styled quotes, code blocks, and call-to-action cards, suitable for Substack, Medium, or blogs.
· bundle
html-guide
ガイドサイト(claude-code-guide / loop-engineering-guide 等、convert.py経由・手書きHTML問わず全ガイドrepo)に新しいHTMLページを追加する際のルール(CSS変数・ダーク/ライトモード対応・視認性チェック・CIテスト通過)を自動適用するスキル。ユーザーが「新しいHTMLページを作って」「インタラクティブな章を追加したい」「HTML章を追加して」と言った時、または /html-guide を呼んだ時にトリガー。
0
explain-my-code
Explain My Code
2
theming-system
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
1.7k
observability
Skill for the Observability area of paddock. 105 symbols across 26 files.
11
code-audit
Perform code audits for quality, security, and maintainability. TRIGGERS - Use when user needs help with code-audit related tasks.
22
code-review-practices
The single highest-leverage convention in code review is prefixing every comment
2
code-simplification
Use this skill for removing accidental complexity, reducing duplication, clarifying boundaries, preserving behavior. Trigger when the task involves programming work related to Code Simplification, production implementation, audits, debugging, strategy, or validation.
1 · bundle
neon
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
2 · bundle
coinbase-design-analysis
Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.
50.9k · bundle