Community艺术与设计github.com

samhvw8/ui-design-system

React UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), shadcn/ui (components), React/Next.js. Capabilities: design system architecture, accessible components, responsive layouts, theming, dark mode, component composition. Actions: review, design, build, improve, refactor UI components. Keywords: TailwindCSS, Radix UI, shadcn/ui, design system, component library, accessibility, ARIA, responsive, dark mode, theming, CSS variables, component architecture, atomic design, design tokens, variant, slot, composition. Use when: building component libraries, implementing shadcn/ui, creating accessible UIs, setting up design systems, adding dark mode/theming, reviewing UI component architecture.

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/samhvw8/dot-claude/tree/main/skills/ui-design-system
查看原文→浏览所有技能

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

文档

samhvw8/ui-design-system

React UI component systems with TailwindCSS + Radix + shadcn/ui. Stack: TailwindCSS (styling), Radix UI (primitives), shadcn/ui (components), React/Next.js. Capabilities: design system architecture, accessible components, responsive layouts, theming, dark mode, component composition. Actions: review, design, build, improve, refactor UI components. Keywords: TailwindCSS, Radix UI, shadcn/ui, design system, component library, accessibility, ARIA, responsive, dark mode, theming, CSS variables, component architecture, atomic design, design tokens, variant, slot, composition. Use when: building component libraries, implementing shadcn/ui, creating accessible UIs, setting up design systems, adding dark mode/theming, reviewing UI component architecture.

相关技能

acentrist/web-clone-skills

Skill package for cloning single public webpages into local Vite React Tailwind apps with Playwright capture, asset mirroring, and visual verification for Codex, Claude Code, and Gemini.

community

aldegad/alex-core-invariants

Canonical six invariants for AI-assisted engineering: README SSOT, skill guidance, and lightweight checks.

community

studious-mantle460/principle-deepdive-html-style

Generate single-file analytical HTML articles with built-in dark mode, responsive layouts, and zero dependencies as a reusable skill for AI coding agents.

community

cognitedata/create-client-tool

MUST be used whenever creating an AtlasTool (client-side tool) for an Atlas agent. Do NOT manually write AtlasTool definitions or wire them into useAtlasChat — this skill handles the TypeBox schema, execute function, and hook wiring. Prerequisite: integrate-atlas-chat (vendored src/atlas-agent + TypeBox/AJV deps). This includes tools that fetch data, render UI, call APIs, show charts, query local state, or perform any browser-side action. Triggers: AtlasTool, client tool, add tool, create tool, new tool, tool definition, agent tool.

community

NitiyaasriSrinivasaraghavan/5-Day-AI-Agents-Intensive-Vibe-Codin

This 5-day online course, developed by Google researchers and engineers, dives deeper into building powerful AI agents from foundational concepts to production-ready systems.

community

Soul-Brews-Studio/maw-js

maw.js — Multi-Agent Workflow orchestrator. Remote tmux orchestra control with CLI + React/Three.js Web UI. Evolved from multi-agent-workflow-kit.

community
← More 艺术与设计 skills