CSC Design System Skills & Best Practices
CS

Skills & Workflows

Reusable instructions for common tasks. CSC skills in this repository are experimental guidance. Upstream skills stay not installed. UI component restrictions, accessibility, responsive behavior, and code snippets stay in Standards & Best Practices.

Skills directory

CSC skills in this repository are experimental guidance. Upstream skills stay not installed.

4 records. Last checked 9 October 2026. None of these are installed by this page.

Vercel React best practices skillNeeds review · Not installedUpstream performance rules from vercel-labs/agent-skills. Not installed. The CSC performance skill in this repo is separate and shorter.Vercel · MIT · 2026-10-09Sourcenpx skills add runs a third-party installer. Review the repository before running it.

This command runs third-party code. It is shown for review and is not executed.

npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices
This command is documented by Vercel.It is not run by the design system.Read the skill source on GitHub first.
CSC UI standards skillExperimental · Not installedOn-demand skill for @csc/ui tokens, buttons, and variants. Written in this repository.CSC Design System · 2026-10-09SourceInternal guidance. Not an approved CSC policy.The folder is .agents/skills/csc-ui-standards.Cursor, Codex, and OpenCode can read it. Windsurf needs a copy under .windsurf/skills.
CSC security and authorization skillExperimental · Not installedOn-demand skill for server checks, secrets, and uploads.CSC Design System · 2026-10-09SourceDoes not grant database or shell access.The folder is .agents/skills/csc-security-authorization.
CSC React performance skillExperimental · Not installedOn-demand skill for server and client boundaries in this App Router app.CSC Design System · 2026-10-09SourceDoes not download the Vercel skill.The folder is .agents/skills/csc-react-performance.

AI implementation guidelines

How generated prompts stay tied to these rules. These rules describe how an assistant should use the published standards. They are proposed guidance, and they do not claim a WCAG audit.

AI-001RequiredProposed CSC convention

Generate prompts from the rule registry

The copyable prompt is produced by generateImplementationPrompt. It is not a second document.

Change the rule record. The prompt updates from that record.

AI-002RequiredProposed CSC convention

Describe appearance and behavior

Every prompt describes color, radius, and behavior so the assistant can build the control without a package.

Keep the appearance brief in the generator. Do not tell the assistant to install a package.

AI-003RequiredProposed CSC convention

Label proposed rules as proposed

The prompt says these are Proposed CSC Standards and that no WCAG audit is claimed.

The generator adds that caveat on every prompt.

AI-004RequiredFramework

Keep web and native prompts separate

Web describes an HTML element. Native describes a pressable with accessibilityLabel and does not copy web-only attributes.

Select the platform before copying.

Copy a prompt from Context & Token Efficiency.