Skills

All Skills

style

Skills tagged with #style

@SlavaSexton

krea

Use when a task names Krea or Krea 2, when choosing between Krea's hosted API and its open weights, when wiring the Krea 2 Image or Krea 2 Style Reference API nodes, when building with FLUX.1 Krea Dev, when someone asks about Krea Realtime or realtime or streaming video generation, or when a Krea 2 job needs ControlNet, instruction editing, identity preservation or per-layer conditioning control that core ComfyUI does not provide.

SlavaSexton/ComfyUI-Agent-Kit+1 more
3mo ago
670
@Zhonghao1995

MIKE+ Plot

Renders MIKE+ results in the project house style. **No license / no MIKE+ install needed.**

Zhonghao1995/Agentic-MIKE-Plus
4mo ago
50
@fylgja

fylgja-css

Guidance on using the Fylgja CSS library, its class-less base, design tokens, dynamic utilities, and native HTML components. Trigger when the user wants to use Fylgja CSS for styling.

fylgja/fylgja
6mo ago
1110
@ethanjyx

openbrand

Extract brand assets (logos, colors, backdrop images, brand name) from any website URL. Use when building branded interfaces, generating style guides, or needing brand identity data from a URL.

ethanjyx/OpenBrand
6mo ago
1990
@falense

openpaper

Generate a personalized newspaper-style digest from any news sources. Use this skill whenever the user wants to read news, set up news sources, get a daily digest, curate articles, generate a newspaper, create a morning briefing, manage their reading preferences, or says things like "make my paper", "what's new today", "add a news source", "show me the news", or "update my preferences". Also use when the user mentions OpenPaper, newspaper layout, or news curation. This skill handles the full pipeline: adding sources (writing fetchers), curating content, and rendering beautiful HTML newspaper editions.

falense/openpaper
5mo ago
50
@lamngockhuong

convention

Extract, record, and enforce the coding conventions a team actually follows: branch and commit rules, naming, layering, error handling, test layout, review etiquette, and the tooling that enforces each rule. Also drafts the collaboration files the project lacks, `CONTRIBUTING.md`, the pull request template, and `CODEOWNERS`, writing only the ones the team picks. Use when a team has no written convention, when the written one no longer matches the code, or when reviews keep repeating the same comment. Triggers on: "convention", "coding standard", "coding rule", "style guide", "branch strategy", "commit convention", "our team rules", "CONTRIBUTING.md", "CODEOWNERS", "contribution guide", "set up a pull request template", "standards per language", "coding standard for each technology", "/atk:convention".

lamngockhuong/aiteamkit+2 more
14h ago
120
@marmelab

Shadcn Admin Kit Development Guide

Shadcn Admin Kit is a component library for building admin/CRUD applications using React, TypeScript, and shadcn/ui. It provides 98+ pre-built components on top of **ra-core** (from react-admin), combining react-admin's proven data layer with modern shadcn/ui components styled via Tailwind CSS. Befo

marmelab/shadcn-admin-kit
6mo ago
8040
@BubbleBrainBB

bb-video

Code-made videos (mp4, 16:9 / 9:16 / 1:1): narrated explainers and beat-synced promos for sites / apps. The user picks only the style: whiteboard, risograph, ink-wash, launch motion, origami, pop art, op art, Matisse cut-outs, ASCII art, shadow puppets, Bauhaus, pixel art, chat log, toy 3D, newsreel, film-room breakdown, suspense mystery, isometric miniatures, movie trailer, news clippings, manga, animated map, Swiss kinetic type, dark motivational short, blueprint, paper collage, flat grain illustration, storybook mascot, Bayeux tapestry, 3D stick-figure parable, pencil-test animation, pen-drawn picture washed with colour, golden-age American cartoon, 1930s black-and-white rubber-hose cartoon. For explainers, history, news, promos from a URL. Use when asked for an "explainer video", "a promo for this site / app", or in Chinese "做个科普视频" "白板动画" "讲个历史故事" "给这个网站 / App 做个宣传片" "产品发布视频", or names a style (孔版印刷, 水墨, 折纸, 波普, 欧普, 剪纸, 字符画, 皮影戏, 包豪斯, 像素, 聊天记录, 玩具三维, 老新闻片, 录像分析, 悬疑探秘, 等距微缩世界, 电影预告片, 剪报解说, 日漫, 地图动画, 瑞士风动态排版, 暗调励志动画, 蓝图工程图, 纸艺拼贴, 扁平颗粒插画, 手绘绘本吉祥物, 贝叶挂毯, 3D火柴人寓言, 铅笔手绘, 线稿成世界, 美式黄金卡通, 美式老动画, 黑白橡皮管卡通, 橡皮管卡通, 30年代黑白卡通, 黑白老动画).

BubbleBrainBB/BB-Video
20h ago
1420
@SuppieRK

bdd

Go BDD testing with Ginkgo and Gomega. Covers BDD-style tests, table-driven tests with DescribeTable, matchers, async testing with Eventually/Consistently, test organization, and integration testing. Use when writing tests in projects that use Ginkgo/Gomega instead of stdlib testing.

SuppieRK/ccp
6mo ago
180
@techygarg

architecture-refiner

Facilitate a structured conversation to define architecture principles for a repository. Supports multiple architecture styles: clean architecture (default), hexagonal / ports & adapters, modular monolith, or custom. Produces a formal architecture document that the corresponding atom will use. Use when setting up a new project, defining architecture standards, or when the user says 'setup architecture', 'define layers', 'architecture principles', 'help me define my architecture', 'hexagonal architecture', 'modular monolith', 'ports and adapters', or 'define my architecture style'.

techygarg/lattice+19 more
1mo ago
1980
@dev-five-git

devup-ui

Zero-runtime CSS-in-JS preprocessor for React. Transforms JSX styles to static CSS at build time. TRIGGER WHEN: - Writing/modifying Devup UI components (Box, Flex, Grid, Text, Button, etc.) - Using styling APIs: css(), globalCss(), keyframes() - Configuring devup.json theme (colors, typography, extends) - Setting up build plugins (Vite, Next.js, Webpack, Rsbuild, Bun) - Debugging "Cannot run on the runtime" errors - Working with responsive arrays, pseudo-selectors (_hover, _dark, etc.) - Using polymorphic `as` prop or `selectors` prop - Working with @devup-ui/components (Button, Input, Select, Toggle, etc.)

dev-five-git/devup-ui
6mo ago
3540
@gregario
MCP

Brewers Almanack

Brewing knowledge MCP — beer styles, ingredients, off-flavours, water chemistry, recipes

mcpgithub
gregario/brewers-almanack
6mo ago
0
@akseolabs-seo

cinematic-ui

Design and build websites with film-inspired visual systems, director-driven art direction, storyboard-first layout planning, and cinematic motion. Use when the user asks for a cinematic site, movie-style landing page, director-inspired UI, film-noir, sci-fi, romance, thriller, action, animation, or a movie-like website aesthetic, including requests phrased in Chinese. Do not use for generic web design unless the user explicitly wants a film or director reference.

akseolabs-seo/cinematic-ui
6mo ago
190
@luoyuctl

agenttrace-session-audit

Audit local AI coding-agent sessions with agenttrace. Use when the user asks to inspect Claude Code, Codex CLI, Gemini CLI, Qwen Code, Aider, Cursor, OpenCode, Oh My Pi, Kimi, Copilot-style, or generic JSON/JSONL sessions for cost, tokens, tool failures, latency, anomalies, health, diffs, or CI gates.

luoyuctl/agenttrace
6mo ago
60
@dongbeixiaohuo

风格建模专家 (Style Modeler)

dongbeixiaohuo/writing-agent+2 more
6mo ago
1100
@efij

Security guardrails for Claude Code, MCP tools, and Claude cowork workflows. Local-first modular YARA-style guard packs for secrets, exfiltration, prompt injection, MCP abuse, and risky agent actions.

Inspect the current Secure Claude Code posture, enabled protections, and recent audit events.

efij/secure-claude-code
6mo ago
1000
@automagik-dev

brain

Obsidian-style knowledge vault — store, search, and retrieve agent knowledge across sessions via notesmd-cli.

automagik-dev/genie+5 more
6mo ago
2560
@OthmanAdi

planning-with-teams

Manus-style context engineering for Agent Teams. Coordinate multiple Claude Code instances with shared planning files. Use when complex tasks need parallel work (code review, debugging, feature development). Requires CLAUDE_CODE_EXPERIMENTAL_AGENT_TEAMS=1.

OthmanAdi/planning-with-teams
6mo ago
190
@elirantutia

ui-dev

This skill MUST be used whenever the task involves UI development, renderer code changes, adding or modifying components, creating modals or dialogs, working with CSS styles, building new UI features, or touching any file in src/renderer/. Use this skill when the user asks to "add a button", "create a modal", "add a dropdown", "update the sidebar", "style a component", "add a new UI feature", or any renderer/frontend work.

elirantutia/vibeyard
6mo ago
330
@tzachbon

communication-style

Output rules for all agents - concise, scannable, actionable. Based on Matt Pocock's planning principles.

tzachbon/smart-ralph+19 more
6mo ago
2510
@brainqub3

rlm

Run a Recursive Language Model-style loop for long-context tasks. Uses a persistent local Python REPL and an rlm-subcall subagent as the sub-LLM (llm_query).

brainqub3/claude_code_RLM
6mo ago
3640
@violettoolssite

learned-codex-proxy-tool-calls-parse

Parse ChatGPT Codex backend SSE for tool_calls (content_part.added, output_item.done, function_call_arguments.delta/done) and return OpenAI Chat Completions format. Use when implementing or fixing tool call parsing in a Codex reverse proxy (OpenAI-compatible /v1/chat/completions) that consumes Responses API-style SSE.

violettoolssite/codexProapi
6mo ago
420
@gvkhosla

every-style-editor-2

Reviews and edits text content to conform to Every's editorial style guide. Use when written content needs style compliance checks for headlines, punctuation, voice, and formatting.

gvkhosla/compound-engineering-pi
6mo ago
350
@adobe

authoring-analysis

Analyze content sequences and determine authoring approach (default content vs blocks). Validates block selection and section styling for import/migration to AEM Edge Delivery Services.

adobe/helix-website+13 more
6mo ago
390
@UniversePeak

create-supervisor

Distill a graduate advisor into an AI Skill. Import comments, meeting notes, chat logs, and docs to generate Method Core + Academic Style + Persona + Graduation Playbook, with explicit mode switch and distill strategy switch (strict/hybrid/template-first). Use for /create-supervisor, /update-supervisor, /list-supervisors.

UniversePeak/Supervisor.skill
6mo ago
60
@fy0

codekanban-cli

Operate CodeKanban workflows, terminal sessions, and web sessions through the installable `codekanban-cli` command. Use when the user wants to create, inspect, control, watch, or continue CodeKanban AI work from a project path, project ID, or project name without relying on repository-local helper scripts. Prefer `web-session` for structured interactive work, and use `workflow start` or `terminal continue` only when the user explicitly wants PTY-style terminal behavior.

fy0/CodeKanban+1 more
6mo ago
1870
@flet-dev

flet-release-announcement

Create or update a Flet release announcement blog post from changelog notes, matching existing /blog style. Use when asked to draft, plan, or revise posts like "Flet X.Y.Z release announcement" with major feature sections, screenshots, code samples, upgrade instructions (pip and uv/pyproject.toml), and a compact "other changes" summary.

flet-dev/website
6mo ago
970
@WenyuChiou

gemini-delegate

Use when the task is dominated by large-context reading, synthesis, long-form drafting, bilingual or CJK writing, or second-opinion review rather than bulk code generation. Typical triggers include English or Chinese summaries of large source material, cross-file synthesis, terminology alignment, release-note drafting, and reviewer-style passes over documentation or generated output.

WenyuChiou/gemini-delegate-skill
6mo ago
340
@nextlevelbuilder

banner-design

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.

nextlevelbuilder/ui-ux-pro-max-skill+6 more
4mo ago
101.6K0
@quantumboost

Editorial Tone Checker

Analyzes text for tone consistency, jargon overuse, passive voice, and adherence to a specified editorial style guide.

editingtonestyle-guide
6mo ago
0
@AixleHQ

house-style

The team's code style rules.

AixleHQ/flow
1mo ago
190
@marcushyett

Automated TikTok-style video review of every PR.

Scaffold a tiktest.md config file in the current project by inferring dev-server URL, start command, and auth flow from README, package.json, and framework configs. Use when the user wants to set up tik-test for a new project, or when /tiktest:run / /tiktest:quick says "no tiktest.md found".

marcushyett/tik-test+1 more
6mo ago
80
@openprose

websh

A shell for the web. Navigate URLs like directories, query pages with Unix-like commands. Activate on `websh` command, shell-style web navigation, or when treating URLs as a filesystem.

openprose/prose
6mo ago
9190
@leboncoin

create-component

Create a new Spark UI component with complete file structure including component, styles, tests, stories, and documentation. Use when the user wants to create a new component or add a component to the design system.

leboncoin/spark-web+3 more
6mo ago
870
@TheOrcDev

8-bit-pixel-art-patterns

Create pixelated borders, shadows, and effects for 8-bit retro components. Apply when building 8-bit styled UI components that need authentic pixel art aesthetics.

TheOrcDev/8bitcn-ui+16 more
6mo ago
1.7K0
@mapbox

mapbox-cartography

Expert guidance on map design principles, color theory, visual hierarchy, typography, and cartographic best practices for creating effective and beautiful maps with Mapbox. Use when designing map styles, choosing colors, or making cartographic decisions.

mapbox/mcp-devkit-server+4 more
6mo ago
430
@remix-run

add-package

Create or align a package in the Remix monorepo to match existing package conventions. Use when adding a brand new package under packages/, or when fixing an existing package's structure, test setup, TypeScript/build config, code style, and README layout to match the rest of Remix 3.

remix-run/remix+4 more
6mo ago
32.5K0
@newton-physics

Newton API Design Conventions

Detailed patterns that supplement AGENTS.md. Read AGENTS.md first for the basics (prefix-first naming, PEP 604, Google-style docstrings, SI units, Sphinx cross-refs).

newton-physics/newton
6mo ago
2.7K0
@FReptar0

dg-design

Generate a DESIGN.md from a brand brief. Use when the user wants to create a visual identity, design system, or brand style guide for a web project. Also use when starting a new website from scratch. Asks for company name, industry, target audience, and aesthetic direction. Outputs an 8-section design spec with colors, typography, and anti-slop rules.

FReptar0/design-guard+5 more
6mo ago
70
@jingerpie

shadcn-designer

Guide for building UIs with shadcn/ui components. Use when (1) creating or styling React components, (2) working with UI elements like buttons, inputs, selects, checkboxes, dialogs, sheets, popovers, tooltips, cards, tables, tabs, accordions, menus, dropdowns, badges, alerts, toasts, forms, calendars, carousels, sidebars, or any other UI component, (3) user mentions "shadcn", "ui components", or asks about component usage, (4) editing files in components/ui directory.

jingerpie/ocean-dataview
6mo ago
570
@softvoyagers
MCP

QRMint MCP

Generate styled QR codes with colors, logos, frames, and batch support

mcpgithub
softvoyagers/qrmint-api
6mo ago
0
@shinpr

coding-rules

Applies coding standards for clean, maintainable code. Use when: writing functions, handling errors, refactoring, or reviewing code style.

shinpr/agentic-code+1 more
6mo ago
360
@moido1092

algo-sensei

Your personal DSA & LeetCode mentor. Use for problem explanations, progressive hints, code reviews, mock interviews, pattern recognition, complexity analysis, and custom problem generation. Automatically adapts to your learning style and request type.

moido1092/algo-sensei
6mo ago
10
@microsoft

AGENTS.md Generator

Generate high-quality `AGENTS.md` files for repository folders. Each file provides coding agents with project-specific context — build commands, testing instructions, code style, structure, and operational boundaries.

microsoft/skills+31 more
6mo ago
1.7K0
@cadamsdev

restman-theme

Provides design tokens, color scheme, styling patterns, and theming guidelines for the RestMan TUI application. Use when working on UI components, styling, borders, focus states, or visual design consistency in RestMan.

cadamsdev/restman
6mo ago
330
@poemswe

bibliography

Generate formatted bibliography and citations in various academic styles.

poemswe/co-researcher+10 more
6mo ago
380
@forcedotcom

concise

Writing style for AI-consumed docs. Proactively apply when creating or editing any md file in .claude/skills/ or .claude/rules/ or .cursor/rules/.

forcedotcom/salesforcedx-vscode+12 more
6mo ago
9950
@humanjesse
MCP

Textarttools Mcp

Unicode text styling and ASCII art generation with 23 styles and 322+ figlet fonts

mcpgithub
humanjesse/textarttools-mcp+1 more
6mo ago
0
@nolar

docs-checker

Check documentation and docstrings for grammar, punctuation, and style errors. Use when the user asks to verify, review, or fix grammar/style in docs, or before committing documentation changes.

nolar/kopf
6mo ago
2.6K0
@Tencent

tdesign-component-style

This skill should be used when developing or modifying styles for TDesign React components. It provides guidance on BEM naming conventions, CSS Variables usage, state classes, and the relationship between component code and common submodule styles.

Tencent/tdesign-react+3 more
6mo ago
9380