css skills

AgnosticUI/agnosticui

Cursor rule Cursor

This project uses AgnosticUI Local (v2.0.0-alpha, react framework). Components are installed at ./src/components/ag.

Unclecheng-li/AI-Animation-Skill

Skill Claude CodeCodex

A workflow that turns science or educational text into a visual presentation webpage styled like a slide deck. It can also turn generated animation pages into a flat, diagram-like interface.

karmacircleCommunity/KarmaCircle

Hook Claude Code

Runs before the agent uses a tool for Glob and Grep tool calls, running an inline shell check. From karmacircleCommunity/KarmaCircle.

karmacircleCommunity/KarmaCircle

Hook Claude Code

Runs when a session starts, running an inline shell check. From karmacircleCommunity/KarmaCircle.

karmacircleCommunity/KarmaCircle

Settings file Claude Code

Agent settings declaring 2 hook events (PreToolUse, SessionStart).

karmacircleCommunity/KarmaCircle

Instructions file CodexOpenCode

Instructions for karmacircleCommunity/KarmaCircle, covering agentic workflow, git / branching, the apps/web ↔ apps/api boundary, repo-specific guardrails and when you're not sure which duplicate a request means.

karmacircleCommunity/KarmaCircle

Instructions file

Instructions for karmacircleCommunity/KarmaCircle, covering monorepo layout, graphify — check the knowledge graph first, caveman — always run ultra mode in this repo, git workflow and responsive design — mandatory for every component.

maddhruv/absolute

Skill Claude CodeCodex

Build polished, intentional UIs with concrete CSS/Tailwind values — typography, color, layout, spacing, dark mode, accessibility, animations, components. Encodes specific, opinionated rules with exact values, not vague advice. Covers buttons, cards, forms, tables, navigation, dashboards, landing pages, onboarding, and…

MichealWayne/fe-tools

Instructions file CodexOpenCode

AGENTS.md instructions for MichealWayne/fe-tools, covering agents.md, purpose, scope, repository map and default workflow.

MichealWayne/fe-tools

Cursor rule Cursor

An architecture rule for the fe-tools utilities project. It describes the project overview, directory layout, package structure, and technology stack.

MichealWayne/fe-tools

Cursor rule Cursor

A coding rule containing one JavaScript arrow-function example that adds two parameters. No broader purpose or scope is provided.

MichealWayne/fe-tools

Skill Claude CodeCodex

Recommend 3-5 targeted frontend resources from the fe-tools curated directory for a user's question. Use when the user asks where to learn, what to use, how to choose frontend tools/resources/docs/platforms, or wants curated recommendations for CSS, JS/TS, React, Vue, Node/build, compatibility, AI tools, agent skills…

MichealWayne/fe-tools

Skill Claude CodeCodex

Extract a reusable project template from an existing codebase by removing business-specific code, preserving only the reusable engineering skeleton, and creating template usage docs such as README. Use when the user wants to turn a frontend or backend project into a reusable starter template, scaffold, or baseline…

MichealWayne/fe-tools

Skill Claude CodeCodex

Recommend the most suitable project template or initialization path from fe-tools project-templates based on product, framework, runtime, and delivery constraints. Use when the user asks which frontend or backend template to start from, how to bootstrap a React/Vue/Node/TypeScript project, or wants comparisons such as…

Selekkt/skelet

Instructions file CodexOpenCode

Instructions for Selekkt/skelet, covering agents.md — developing skelet.css, what skelet is, source of truth, repo map and rules of engagement (framework dev).

flornkm/shadow-plugin

Skill Claude CodeCodex

Use when styling any elevated surface (card, dialog, popover, dropdown, menu, tooltip, sheet, toast) in a Tailwind project that has shadow-plugin installed. Prevents the double-border artifact caused by pairing a border/ring with a shadow, by routing elevation through the smooth-shadow-ring- utilities.

flornkm/shadow-plugin

Instructions file CodexOpenCode

Instructions for flornkm/shadow-plugin, covering shadow agent instructions, dev environment tips, css (tailwind) class instructions and avoid double borders.

db-ux-design-system/core-web

Settings file Claude Code

DB UX Design System monorepo - Provides Design Tokens and components for Web UIs.

db-ux-design-system/core-web

Instructions file GitHub Copilot

Copilot instructions for db-ux-design-system/core-web: All development instructions, build commands, validation steps, coding rules, and the pull request workflow are maintained in AGENTS.md at the repository root. Read that file first before starting any task.

db-ux-design-system/core-web

Instructions file CodexOpenCode

AGENTS.md instructions for db-ux-design-system/core-web, covering db ux design system v3 core web, working effectively, required prerequisites, bootstrap and setup and build and test.

db-ux-design-system/core-web

Skill Claude CodeCodex

Creates a new DB UX Design System component with Mitosis source, SCSS, typed model, and Playwright tests.

db-ux-design-system/core-web

Skill Claude CodeCodex

Modifies an existing DB UX Design System Mitosis component (add variants, update props, change styles).

db-ux-design-system/core-web

Skill Claude CodeCodex

Runs, analyzes, and fixes Playwright and accessibility tests for a specific DB UX component.

lucid-softworks/browser

Instructions file CodexOpenCode

Instructions for lucid-softworks/browser, covering agents.md, pull requests, before you open a pr, guiding constraint and web platform tests (conformance).