Government Technology Agency of Singapore (GovTech Singapore)
Official@govtechsg · Singapore
GovTech Singapore provides a standardized design system framework for building consistent, accessible government web interfaces across modern frontend frameworks.
Agent Skills by Government Technology Agency of Singapore (GovTech Singapore)
Showing 19 vetted skills indexed across 1 GitHub repositories.
GovTechSGcomponent-authoring
Scaffold SGDS web components with tests, Storybook, and ADRs.
GovTechSGtoken-workflow
Coordinate SGDS design tokens across root.css, day/night mappings, and utility.css.
GovTechSGskill-creator
Automates drafting, evaluating, iterating, and packaging Claude skills with YAML frontmatter.
GovTechSGagent-skills-writing
Standardize authoring and organizing AI agent skills with frontmatter and folder structure.
GovTechSGstorybook-stories
Generate Storybook stories from basic.js and additional.stories.js templates.
GovTechSGtailwind-mapping
Map SGDS CSS variables to Tailwind v4 utility classes with playground and Storybook documentation.
GovTechSGsgds-utilities
Document SGDS sgds: Tailwind v4 utility classes for consistent adoption.
GovTechSGsgds-theming
Customize SGDS application themes with CSS token overrides.
GovTechSGsgds-layouts
Catalog SGDS page layout patterns with frontmatter metadata and usage guidance.
GovTechSGsgds-templates
Provide ready-to-use SGDS page templates for government UI development.
GovTechSGsgds-writing
Enforce SGDS tone, grammar, spelling, casing, and punctuation in UI copy.
GovTechSGsgds-patterns
Catalog reusable SGDS typography patterns with raw HTML templates.
GovTechSGsgds-blocks
Compose SGDS page layouts using reusable UI blocks with sgds-templates.
GovTechSGsgds-forms
Validate SGDS form components with constraint and custom validation APIs.
GovTechSGsgds-components
Identify and apply SGDS web components across React, Vue, Angular, and Next.js.
GovTechSGsgds-data-visualisation
Implement SGDS-aligned ECharts data visualisations with the SGDS colour palette.
GovTechSGsgds-workflow
Direct SGDS work by mapping tasks to the appropriate skills.
GovTechSGsgds-getting-started
Bootstrap SGDS projects with fonts, foundation CSS, utilities, components, and app layouts.
GovTechSGsgds-typography
Standardize SGDS typography with sgds: prefixes for font styles.
Frequently Asked Questions About Government Technology Agency of Singapore (GovTech Singapore)
FAQPage SchemaWhat specific tasks can developers perform using these design system resources?▼
Developers can scaffold web components, map design tokens to Tailwind utility classes, implement standardized ECharts visualizations, and utilize pre-built page templates. These resources ensure visual consistency and adherence to government design standards across diverse frontend frameworks like React, Vue, and Angular.
Which technical personas benefit most from these design system assets?▼
Frontend engineers, UI/UX designers, and accessibility specialists working on public sector digital services benefit most. These assets provide the necessary scaffolding, documentation, and component libraries to maintain high-quality, compliant user interfaces without reinventing core design patterns for every new project.
What are the primary prerequisites for integrating these components into a project?▼
Integration requires a project environment supporting standard web component patterns and CSS variable overrides. Developers should have a foundational understanding of the SGDS design token structure and Tailwind CSS, as the system relies on these for styling, layout, and component configuration.