New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

UX Consistency

by getopenpost in getopenpost/openpost

OpenPost acceptance bar for frontend UI and copy changes. An agent skill from getopenpost/openpost.

AGPL-3.0Auto-check passedFrontend & Design

Install UX Consistency

skills CLI
$ npx skills add getopenpost/openpost --skill ux-consistency -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install getopenpost/openpost ux-consistency --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/getopenpost/openpost.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/ux-consistency .claude/skills/ux-consistency && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
ux-consistency
GitHub stars
655
Token cost
~680 tokens
SKILL.md length
348 words
Files
1
Skills in repo
7
Repo updated
First seen
Licence
AGPL-3.0

At a glance

OpenPost acceptance bar for frontend UI and copy changes. An agent skill from getopenpost/openpost.

  • Tasks that involve Design tokens
  • SKILL.md covers Direct over blocking, Verify visually, Consistency and Copy, plus 1 more section
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Tasks that involve Frontend development

What it does

UX Consistency is an agent skill from getopenpost/openpost. OpenPost acceptance bar for frontend UI and copy changes. Load when changing frontend UI (components, pages, design tokens) or user-facing copy; run again as the final check before finishing.

Its SKILL.md is about 680 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design, covering Design tokens and Frontend development. The repository describes itself as: Create, adapt, schedule, and track social posts. Open-source, hosted or self-hosted. The licence is AGPL-3.0.

When your agent uses it

  • Tasks that involve Design tokens
  • Tasks that involve Frontend development

Example prompts

  • “/ux-consistency”

What it can do on your machine

Read from SKILL.md and the folder at commit dd31d8d. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

UX Consistency loads about 680 tokens when it runs. Until then it costs about 52 tokens; SKILL.md has 348 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~52
When it runs · the whole SKILL.md, loaded when a task matches
~680

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from getopenpost/openpost at commit dd31d8d, republished under its AGPL-3.0 licence (© getopenpost). 348 words, ~680 tokens.

Download SKILL.mdSave it as .claude/skills/ux-consistency/SKILL.md (or your agent's skills folder).
name
ux-consistency
description
OpenPost acceptance bar for frontend UI and copy changes. Load when changing frontend UI (components, pages, design tokens) or user-facing copy; run again as the final check before finishing.

UX and visual consistency

UX and visual consistency is OpenPost's highest product priority. Apply these criteria to any frontend, UI, component, design-token, or user-facing copy change. DESIGN.md and PRODUCT.md describe the system itself; this skill is the acceptance bar.

Direct over blocking

  • Prefer direct, seamless flows over blocking modals and confirmation dialogs.
  • Accept pastes and uploads immediately wherever they can land, with an undo path instead of a preflight dialog.
  • Give substantial or recurring flows a dedicated page. Reserve dialogs for short, consequential, or destructive steps.
  • When a blocking confirmation is unavoidable, make the consequence, the exact action, and the undo path explicit.

Verify visually

  • Exercise the change in the browser and capture before/after screenshots.
  • Check desktop and phone widths (including 390 px and 320 px), controls, overflow, and the settled state after interaction.
  • Confirm light and dark themes, keyboard access, visible focus, readable contrast, reduced motion, and 44px coarse-pointer touch targets.
  • Watch for console errors during the flow.

Consistency

  • Reuse shared primitives (page chrome, form controls, loading/empty/notice/toast/error/destructive states) before creating route-specific chrome.
  • Match spacing, layout, and typography to surrounding routes; use the design tokens in DESIGN.md rather than ad-hoc values.
  • Prove hierarchy with tone, border, and spacing; follow DESIGN.md's Do's and Don'ts for shadows, cards, and shared chrome.

Copy

  • Avoid stock metaphors, similes, idioms, and other figures of speech. Prefer short, familiar words when they keep the exact meaning. Cut every word or section that adds no meaning.
  • Prefer active voice when it makes the actor and action clearer. Replace jargon and needless academic terms with everyday English.
  • Apply these rules in context, not as blind replacements. Break them when accuracy, natural phrasing, tone, legal meaning, accessibility, or readability requires it.
  • Keep code, commands, API fields, proper nouns, citations, quotes, legal wording, and exact technical terms intact.
  • Finish every copy change with a line-by-line prose review for meaning, facts, voice, consistency, and useful detail.

Done

A UI or copy change is done when it renders correctly in both themes at desktop and phone widths, uses shared primitives, and you can attach before/after screenshots showing the settled state.

© getopenpost, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .agents/skills/ux-consistency of getopenpost/openpost.

Open the folder on GitHubat commit dd31d8d

Compare with similar skills

UX Consistency next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

UX Consistency compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
UX Consistency this skillgetopenpost/openpost655—~680Automated safety check: PassAGPL-3.0
Using Ouds Web Version Major MinorOrange-OpenSource/Orange-Boosted-Bootstrap222—~4.2kAutomated safety check: PassMIT
Frontend UI StandardsMaxHan7/frontend-ui-standards-skill106—~2.4kAutomated safety check: PassMIT
Frontend Designjjyaoao/HelloAgents3.2k1 repos~7kAutomated safety check: PassMIT
Glycemicgpt UI Foundationlumose-health/GlycemicGPT141—~707Automated safety check: PassGPL-3.0
Frontend UI Foundryjiushiwon/wg-skills112—~1.4kAutomated safety check: PassApache-2.0

Similar skills

  • Using Ouds Web Version Major Minor

    Orange-OpenSource/Orange-Boosted-Bootstrap

    Provides comprehensive knowledge of the OUDS Web library (Orange Unified Design System for Web), a Bootstrap-based CSS/JS framework for building Orange-branded web interfaces.

    222 GitHub stars~4.2k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Frontend UI Standards

    MaxHan7/frontend-ui-standards-skill

    A skill your agent uses when implementing, refactoring, or reviewing frontend UI across SwiftUI, React, React Native, Flutter, web, or mobile apps.

    106 GitHub stars~2.4k tokensUpdated 3 mo ago
    Frontend & DesignAuto-check passed

  • Frontend Design

    jjyaoao/HelloAgents

    Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution.

    3.2k GitHub starsUsed in 1 repo~7k tokens
    Frontend & DesignAuto-check passed

  • Glycemicgpt UI Foundation

    lumose-health/GlycemicGPT

    A skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput…

    141 GitHub stars~707 tokensUpdated today
    Frontend & DesignAuto-check passed

  • Frontend UI Foundry

    jiushiwon/wg-skills

    A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…

    112 GitHub stars~1.4k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Applying UI Design System

    telagod/code-abyss

    Frontend UI design system selector and implementation guide covering Glassmorphism, Liquid Glass (Apple-style), Neubrutalism, and Claymorphism.

    243 GitHub stars~538 tokensUpdated 2 mo ago
    Frontend & DesignAuto-check passed

More from getopenpost/openpost

  • Openpost CLI

    getopenpost/openpost

    Operate a running OpenPost instance through the openpost CLI.

    655 GitHub stars~1.3k tokensUpdated today
    Auto-check passed

  • Cuelume

    getopenpost/openpost

    Add or audit OpenPost interaction sounds with Cuelume. An agent skill from getopenpost/openpost.

    655 GitHub stars~620 tokensUpdated today
    Auto-check passed

  • Huma

    getopenpost/openpost

    Huma - Go REST/RPC API Framework. An agent skill from getopenpost/openpost.

    655 GitHub stars~1k tokensUpdated today
    Auto-check passed

  • Openapi Typescript

    getopenpost/openpost

    Type-safe OpenAPI consumption in TypeScript using openapi-typescript and openapi-fetch.

    655 GitHub stars~887 tokensUpdated today
    Auto-check passed

  • Openpost SEO

    getopenpost/openpost

    Audit OpenPost marketing and documentation SEO with the pinned claude-seo toolkit.

    655 GitHub stars~766 tokensUpdated today
    Auto-check passed

  • Agent Workflow

    getopenpost/openpost

    Coordinate substantial OpenPost features, refactors, or multi-ticket work.

    655 GitHub stars~811 tokensUpdated today
    Auto-check passed

Categories

Questions about UX Consistency

What does UX Consistency do?

OpenPost acceptance bar for frontend UI and copy changes. An agent skill from getopenpost/openpost. UX Consistency is an agent skill from getopenpost/openpost. OpenPost acceptance bar for frontend UI and copy changes.

When should I use UX Consistency?

UX Consistency fits situations like: tasks that involve Design tokens; tasks that involve Frontend development.

How do I install UX Consistency in Claude Code?

Run `npx skills add getopenpost/openpost --skill ux-consistency -a claude-code`. Or copy the skill folder (.agents/skills/ux-consistency in getopenpost/openpost) into .claude/skills/ux-consistency in your project. Claude Code loads it when a task matches its description.

How do I install UX Consistency in Codex?

Run `npx skills add getopenpost/openpost --skill ux-consistency -a codex`. Or copy the skill folder (.agents/skills/ux-consistency in getopenpost/openpost) into .agents/skills/ux-consistency in your project. Codex loads it when a task matches its description.

Can I use UX Consistency in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add getopenpost/openpost --skill ux-consistency -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ux-consistency, .gemini/skills/ux-consistency, .github/skills/ux-consistency and .opencode/skills/ux-consistency in your project.

What does UX Consistency need to run?

SKILL.md names no scripts, command-line tools or credentials: UX Consistency is instructions for the agent only.

Does UX Consistency access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is UX Consistency safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does UX Consistency use?

UX Consistency is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does UX Consistency use?

About 680 tokens (SKILL.md is roughly 2.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to UX Consistency?

Skills that share tags, products or a category with UX Consistency: Using Ouds Web Version Major Minor (Orange-OpenSource/Orange-Boosted-Bootstrap, 222 stars), Frontend UI Standards (MaxHan7/frontend-ui-standards-skill, 106 stars), Frontend Design (jjyaoao/HelloAgents, 3.2k stars) and Glycemicgpt UI Foundation (lumose-health/GlycemicGPT, 141 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains UX Consistency?

getopenpost (a GitHub organization) maintains it in getopenpost/openpost, which has 655 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on October 7, 2026.

Source: getopenpost/openpost on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.