design-system
Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into…
Skill by VismayHS
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/vismayhs-design-system
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, security
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/design-system
What's inside
- Skill name
design-system- Description
- Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into design-tokens.json and CSS custom properties with DESIGN.md rationale and an interactive HTML preview, score the UI across 10 dimensions, and flag AI-slop patterns. Use when starting a design system, auditing visual consistency before a redesign, or reviewing a PR that touches styling.
- License
- unknown
- Metadata
- origin: ECC
- Instructions
- 78 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from VismayHS/FSSAI_Label_Compliance_Agent
- 0.587score
benchmark-methodology
VismayHS
Score a scoped competitor set into comparable profile cards: nine weighted dimensions (positioning, voice, visual craft, offer packaging, evidence…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
fssai-frontend
VismayHS
How to design, build, review and verify any UI in this repo, above all the web client in services/web (submit a label, watch the run, read route + findings +…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
fssai-review
VismayHS
Reviewing a change in the FSSAI Label Compliance Agent repo before it goes into a PR - correctness, safety, load, tests, speed, leanness, plus this project's…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
fssai-workflow
VismayHS
The end-to-end way of building anything in the FSSAI Label Compliance Agent repo - spec, search, test first, smallest complete change, verify, review, record…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
react-bits
VismayHS
Choosing and adding React Bits components (reactbits.dev, 218 animated React components) to services/web.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
architecture-decision-records
VismayHS
Capture architectural decisions as numbered ADR markdown files in docs/adr/ with context, alternatives considered, consequences, and an index README.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
browser-qa
VismayHS
Run automated post-deploy UI verification with a browser automation MCP (claude-in-chrome, Playwright, or Puppeteer): console-error and Core Web Vitals smoke…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
contract-first
VismayHS
Coordinate frontend/backend or service-to-service work through one authoritative machine-checkable contract (OpenAPI, AsyncAPI, Protocol Buffers, or JSON…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
cost-aware-llm-pipeline
VismayHS
Cost optimization patterns for LLM API usage — model routing by task complexity, budget tracking, retry logic, and prompt caching.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
database-migrations
VismayHS
Safe, reversible database migration patterns: forward-only production changes, expand-contract zero-downtime renames, concurrent indexes, batched backfills…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
deployment-patterns
VismayHS
Deployment workflows, CI/CD pipeline patterns, Docker containerization, health checks, rollback strategies, and production readiness checklists for web…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
error-handling
VismayHS
Patterns for robust error handling across TypeScript, Python, and Go.
SkillAFreshness: A★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 23, 2026 (5 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from VismayHS
- 0.587score
benchmark-methodology
VismayHS
Score a scoped competitor set into comparable profile cards: nine weighted dimensions (positioning, voice, visual craft, offer packaging, evidence…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
fssai-review
VismayHS
Reviewing a change in the FSSAI Label Compliance Agent repo before it goes into a PR - correctness, safety, load, tests, speed, leanness, plus this project's…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
fssai-workflow
VismayHS
The end-to-end way of building anything in the FSSAI Label Compliance Agent repo - spec, search, test first, smallest complete change, verify, review, record…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
react-bits
VismayHS
Choosing and adding React Bits components (reactbits.dev, 218 animated React components) to services/web.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
architecture-decision-records
VismayHS
Capture architectural decisions as numbered ADR markdown files in docs/adr/ with context, alternatives considered, consequences, and an index README.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
fssai-frontend
VismayHS
How to design, build, review and verify any UI in this repo, above all the web client in services/web (submit a label, watch the run, read route + findings +…
SkillAFreshness: A★ 1Claude Code +9
Cite this page
design-system skill. Agent Mart. https://agentmart.dev/skills/vismayhs-design-system (last updated 2026-10-24)