skills.rest
intenet1001-commits
intenet1001-commitsCOMMUNITY
Explore all skills by this author →
GitHub

cs-design-sample1

Output a Crextio-inspired design guide and audit or apply its guidelines.

1|1|Updated Apr 25, 2026
Search Tags:#ui#audit#design-system#apply#design-guide#crextio
One-click install
npx skills add https://github.com/intenet1001-commits/CSnCompany_2-0 --skill cs-design-sample1
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cs-design-sample1
Source: https://github.com/intenet1001-commits/CSnCompany_2-0/tree/main/plugins/cs-design-sample1/skills/cs-design-sample1
Command: npx skills add https://github.com/intenet1001-commits/CSnCompany_2-0 --skill cs-design-sample1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a reusable Crextio-inspired design guide reference to unify UI language across projects and speed up design decisions.

Core Features & Use Cases

  • Central reference for colors, typography, spacing, components, and accessibility rules.
  • Output the full design guide on demand and validate designs with the audit mode.
  • Apply design guidelines to target files to enforce consistency across a project.

Quick Start

Run /cs-design-sample1 to view the full Crextio-inspired design guide and use --audit or --apply to operate on a file.

Frequently Asked Questions about cs-design-sample1

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a reusable UI design guide for my team?▼

A reusable UI design guide centralizes colors, typography, spacing, and accessibility rules to standardize the design language across projects. This Skill provides a Crextio-inspired reference to unify UI decisions and speed up reviews.

How do I audit my UI against a design system?▼

You can audit UI designs against a design system by applying standardized rules for components and accessibility. This Skill supports an audit mode to validate designs and output consistency checks for target files.

What is the best way to enforce design consistency across multiple projects?▼

Enforcing design consistency requires a central reference for colors, typography, and spacing. This Skill codifies a standardized design language and uses an apply mode to enforce guidelines directly across project files.

Can I apply a design guide directly to my target files?▼

Yes, applying a design guide to target files enforces UI consistency. This Skill features an apply mode that applies the Crextio-inspired design guidelines directly to your files during design reviews.

Does this UI design guide include accessibility rules?▼

Yes, the UI design guide includes accessibility rules alongside colors, typography, spacing, and component standards. These rules are codified in the knowledge base to validate designs during the audit workflow.

Related Skills

Explore More Design & Creative Skills→
bresendsbresends

design-system

Generate design tokens and framework-specific UI components from creative briefs.

Community
Advanced
kingsonseangkingsonseang

web-design-guidelines

Review UI code for Web Interface Guidelines compliance and output file:line findings.

Community
Basic
phananhtuan09phananhtuan09

frontend-design-fundamentals

Standardize UI visuals with responsive layouts, typography, spacing, and WCAG-compliant color contrast.

Community
Intermediate
JochenYangJochenYang
21

ui-ux-pro-max

Generate UI/UX design systems with patterns, palettes, typography, and implementation notes.

Community
Basic