Updated 2d ago
by salexandr0s
ai-config
Shared skills, agents, workflows, and configuration for Claude Code and Codex
50 GitHub stars (50)
+50 in 3 days
- 27 skills (27 skills found in its SKILL.md files)
- 22 forks (22 forks)
- 2d ago last update (Last updated 2d ago)
Install
Skills CLI
npx skills add salexandr0s/ai-config
Asks which skills and agents to install. Just one: npx skills add salexandr0s/ai-config --skill adapt — add -g for every project.
Claude Code
git clone https://github.com/salexandr0s/ai-configcp -r "ai-config/claude/skills/adapt" ~/.claude/skills/
Copies the adapt skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.
Plugin
/plugin marketplace add salexandr0s/ai-config
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md — showing the first 27 of 104 files.
-
adapt
Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments.
claude/skills/ on GitHub (opens in a new tab)adapt/ SKILL.md -
animate
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.
claude/skills/ on GitHub (opens in a new tab)animate/ SKILL.md -
arrange
Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions.
claude/skills/ on GitHub (opens in a new tab)arrange/ SKILL.md -
auditui
Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations.
claude/skills/ on GitHub (opens in a new tab)auditui/ SKILL.md -
bolder
Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.
claude/skills/ on GitHub (opens in a new tab)bolder/ SKILL.md -
browse
Persistent headless browser for web interaction, QA testing, and scraping. ~100ms per command after first call. Use when the user needs to interact with a live website, verify UI, fill forms, extract data, or test visually.
claude/skills/ on GitHub (opens in a new tab)browse/ SKILL.md -
clarify
Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use.
claude/skills/ on GitHub (opens in a new tab)clarify/ SKILL.md -
colorize
Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.
claude/skills/ on GitHub (opens in a new tab)colorize/ SKILL.md -
critique
Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback.
claude/skills/ on GitHub (opens in a new tab)critique/ SKILL.md -
delight
Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful.
claude/skills/ on GitHub (opens in a new tab)delight/ SKILL.md -
distill
Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.
claude/skills/ on GitHub (opens in a new tab)distill/ SKILL.md -
extract
Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library.
claude/skills/ on GitHub (opens in a new tab)extract/ SKILL.md -
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. Generates creative, polished code that avoids generic AI aesthetics.
claude/skills/ on GitHub (opens in a new tab)frontend-design/ SKILL.md -
harden
Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready.
claude/skills/ on GitHub (opens in a new tab)harden/ SKILL.md -
normalize
Normalize design to match your design system and ensure consistency
claude/skills/ on GitHub (opens in a new tab)normalize/ SKILL.md -
onboard
Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly.
claude/skills/ on GitHub (opens in a new tab)onboard/ SKILL.md -
openspec-explore
Enter explore mode - a thinking partner for exploring ideas, investigating problems, and clarifying requirements. Use when the user wants to think through something before or during a change.
claude/skills/ on GitHub (opens in a new tab)openspec-explore/ SKILL.md -
openspec-propose
Propose a new change with all artifacts generated in one step. Use when the user wants to quickly describe what they want to build and get a complete proposal with design, specs, and tasks ready for implementation.
claude/skills/ on GitHub (opens in a new tab)openspec-propose/ SKILL.md -
optimize
Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother.
claude/skills/ on GitHub (opens in a new tab)optimize/ SKILL.md -
overdrive
Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals.
claude/skills/ on GitHub (opens in a new tab)overdrive/ SKILL.md -
polish
Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great.
claude/skills/ on GitHub (opens in a new tab)polish/ SKILL.md -
quieter
Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.
claude/skills/ on GitHub (opens in a new tab)quieter/ SKILL.md -
repo-surgeon
Audit and modernize messy codebases. Use for structural cleanup, dead code detection, naming or folder fixes, scalability risk review, worst-file rewrites, or README upgrades.
claude/skills/ on GitHub (opens in a new tab)repo-surgeon/ SKILL.md -
teach-impeccable
One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.
claude/skills/ on GitHub (opens in a new tab)teach-impeccable/ SKILL.md -
typeset
Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished.
claude/skills/ on GitHub (opens in a new tab)typeset/ SKILL.md -
visual-explainer
Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data. Use when the user asks for a diagram, architecture overview, diff review, plan review, project recap, comparison table, or any visual explanation of technical concepts. Also use proactively when you are about to render a complex ASCII table (4+ rows or 3+ columns) — present it as a styled H…
claude/skills/ on GitHub (opens in a new tab)visual-explainer/ SKILL.md -
adr
Write an Architecture Decision Record (ADR) with options, tradeoffs, and a recommended decision. Use when the user needs to document an architectural choice, compare technical approaches, or create a formal decision record. Triggers on "ADR", "architecture decision", "document this decision", "compare approaches".
codex/skills/ on GitHub (opens in a new tab)adr/ SKILL.md
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.