Design System Creation
aj-geddes/useful-ai-prompts/skills/design-system-creationby aj-geddes3f5182cfd739No license355 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated 7 months ago
Build comprehensive design systems with components, patterns, and guidelines. Enable consistent design, faster development, and better collaboration across teams.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| references/component-documentation.md | 1.7 KB | text/markdown |
| references/design-system-components.md | 1.7 KB | text/markdown |
| references/design-system-documentation.md | 737 B | text/markdown |
| references/design-system-governance.md | 1.2 KB | text/markdown |
| SKILL.md | 2.7 KB | text/markdown |
| templates/component-template.tsx | 318 B | text/plain |
Source and attribution
Source:aj-geddes/useful-ai-promptsinskills/design-system-creationat commit3f5182c
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from aj-geddes/useful-ai-prompts
Xss Prevention
aj-geddes
Prevent Cross-Site Scripting (XSS) attacks through input sanitization, output encoding, and Content Security Policy. Use when handling user-generated content in web applications.
Wireframe Prototyping
aj-geddes
Create wireframes and interactive prototypes to visualize user interfaces and gather feedback early. Use tools and techniques to communicate design ideas before development.
Web Performance Optimization
aj-geddes
Guides web performance optimization through code splitting, lazy loading, caching, compression, and monitoring.
Vue Application Structure
aj-geddes
Guides structuring Vue 3 applications with the Composition API, component organization, and TypeScript.
Visual Regression Testing
aj-geddes
Guides visual regression testing of UI by comparing screenshots across versions to catch unintended visual changes.
User Persona Creation
aj-geddes
Creates research-based user personas to guide product design, prioritization and messaging.
More in Design & Creative
Theme Factory
anthropics
Offers 10 preset color-and-font themes, plus custom theme generation, for styling slide decks, documents, reports and HTML pages.
Slack Gif Creator
anthropics
Creates animated GIFs sized and optimized for Slack, with PIL drawing helpers, easing and validation utilities.
Frontend Design
anthropics
Guidance for distinctive, intentional visual design when building or reshaping a user interface.
Canvas Design
anthropics
Creates original visual art as PNG or PDF from a written design philosophy, for posters, artworks and other static pieces.
Brand Guidelines
anthropics
Applies Anthropic's official brand colors and typography to artifacts that should carry the Anthropic look-and-feel.
Frontend Design
anthropics
Guides an agent through distinctive, intentional visual design for new or redesigned user interfaces.