LIVE//NAKODIL.SITE//PAYLOAD :: SKILL

Skill Design

UI Skills

Набор скиллов для дизайн-инженеров от Жюльена Тибо (ibelick). baseline-ui чистит интерфейс от типичного ИИ-слопа: отступы, иерархию, типографику. fixing-motion-performance находит и исправляет тормозящие анимации, fixing-accessibility проверяет доступность, а create-design-md собирает DESIGN.md с дизайн-языком проекта, чтобы агент держал единый стиль. Пригодится на этапе полировки, когда сайт уже собран, но выглядит сгенерированным или анимации подтормаживают. Это не генератор эффектов: скиллы проверяют и правят то, что уже есть.

Установка
npx skills add ibelick/ui-skills
Есть свой CLI для выборочной загрузки: npx ui-skills start, npx ui-skills get baseline-ui. MCP-сервер реестра: https://www.ui-skills.com/mcp.
README.md
обновлено 1 час назад

UI Skills

UI Skills

Skills for Design Engineers.

More on ui-skills.com

CLI

Browse and fetch skills from your terminal.

npx ui-skills start
npx ui-skills categories
npx ui-skills list --category motion
npx ui-skills get baseline-ui

MCP

Connect agents to the registry over Model Context Protocol.

https://www.ui-skills.com/mcp

Tools: list_skills, get_skill

Playbook

Distilled UI lessons from the best design engineering skills.

ui-skills.com/playbook

Accounts

Requires Node.js 22.19 or newer. See SECURITY.md for the auth boundaries, reporting guidance, and deployment checks.

Google and GitHub sign-in use Better Auth and Cloudflare D1. Public pages still work without OAuth credentials; sign-in stays unavailable until configured. Each provider is optional: GitHub-only production sign-in needs no Google credentials. Only providers with both a client ID and secret appear in the UI.

  1. Run npm run auth:setup:dev. This prepares the ignored .dev.vars file, sets the local auth origin, and generates a secret without printing it. Existing credentials are preserved; running it again does not rotate the secret.
  2. Create Google and GitHub OAuth applications with these local callbacks:
    • http://localhost:4321/api/auth/callback/google
    • http://localhost:4321/api/auth/callback/github
  3. Add the development provider IDs/secrets to .dev.vars. Run npm run db:migrate:local, then npm run dev and visit /login.

For production, create a D1 database and replace the local placeholder ID in wrangler.jsonc. The production BETTER_AUTH_URL is configured there; local .dev.vars values are not uploaded. Configure BETTER_AUTH_SECRET, GITHUB_CLIENT_ID, and GITHUB_CLIENT_SECRET as Cloudflare Worker secrets for GitHub sign-in. Add GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET only if you also want Google sign-in. Generate a separate production secret with openssl rand -hex 32; do not reuse the local secret. Register the same callback paths on https://www.ui-skills.com; use a separate GitHub OAuth app for production. Apply migrations explicitly with npm run db:migrate:remote before deploying. Never use production credentials or D1 data in local previews.

Only identity/profile and email permissions are needed—no repository or Google Workspace access. Additional providers must be connected from /account while signed in; matching email addresses are not silently merged. Account deletion, billing, and saved skills are not included yet.

License

Licensed under the MIT license.

Похожее в категории Design
Skill
Anatomy

Скилл объясняет техническую идею через выдуманный механизм. Например, кэш он рисует как замок, ко...

Skill
Diagram Design

Скилл рисует диаграммы в аккуратном «редакционном» стиле: без теней, с одним акцентным цветом и с...

Skill
Archify

Скилл превращает описание, план или код репозитория в интерактивную диаграмму. На выходе получает...

Skill
Algorithmic Art (Anthropic)

Скилл учит агента делать генеративную графику на p5.js. Сначала агент формулирует идею алгоритма,...