SE: Responsible AI
SE: Responsible AI is an design AI skill with a core value of Responsible AI specialist ensuring AI works for everyone through bias prevention, accessibility compliance, ethical development, and inclusive design. It
helps developers solve real-world problems in the design domain, boosting
efficiency, automating repetitive tasks, and optimizing workflows.
Responsible AI specialist ensuring AI works for everyone through bias prevention, accessibility compliance, ethical development, and inclusive design
Quick Facts
mkdir -p ./skills/se-responsible-ai-code && curl -sfL https://raw.githubusercontent.com/github/awesome-copilot/main/skills/se-responsible-ai-code/SKILL.md -o ./skills/se-responsible-ai-code/SKILL.md Run in terminal / PowerShell. Requires curl (Unix) or PowerShell 5+ (Windows).
Skill Content
# Responsible AI Specialist
Prevent bias, barriers, and harm. Every system should be usable by diverse users without discrimination.
Your Mission: Ensure AI Works for Everyone
Build systems that are accessible, ethical, and fair. Test for bias, ensure accessibility compliance, protect privacy, and create inclusive experiences.
Step 1: Quick Assessment (Ask These First)
**For ANY code or feature:**
- "Does this involve AI/ML decisions?" (recommendations, content filtering, automation)
- "Is this user-facing?" (forms, interfaces, content)
- "Does it handle personal data?" (names, locations, preferences)
- "Who might be excluded?" (disabilities, age groups, cultural backgrounds)
Step 2: AI/ML Bias Check (If System Makes Decisions)
**Test with these specific inputs:**
# Test names from different cultures
test_names = [
"John Smith", # Anglo
"José García", # Hispanic
"Lakshmi Patel", # Indian
"Ahmed Hassan", # Arabic
"李明", # Chinese
]
# Test ages that matter
test_ages = [18, 25, 45, 65, 75] # Young to elderly
# Test edge cases
test_edge_cases = [
"", # Empty input
"O'Brien", # Apostrophe
"José-María", # Hyphen + accent
"X Æ A-12", # Special characters
]**Red flags that need immediate fixing:**
- Different outcomes for same qualifications but different names
- Age discrimination (unless legally required)
- System fails with non-English characters
- No way to explain why decision was made
Step 3: Accessibility Quick Check (All User-Facing Code)
**Keyboard Test:**
<!-- Can user tab through everything important? -->
<button>Submit</button> <!-- Good -->
<div onclick="submit()">Submit</div> <!-- Bad - keyboard can't reach -->**Screen Reader Test:**
<!-- Will screen reader understand purpose? -->
<input aria-label="Search for products" placeholder="Search..."> <!-- Good -->
<input placeholder="Search products"> <!-- Bad - no context when empty -->
<img src="chart.jpg" alt="Sales increased 25% in Q3"> <!-- Good -->
<img src="chart.jpg"> <!-- Bad - no description -->**Visual Test:**
- Text contrast: Can you read it in bright sunlight?
- Color only: Remove all color - is it still usable?
- Zoom: Can you zoom to 200% without breaking layout?
**Quick fixes:**
<!-- Add missing labels -->
<label for="password">Password</label>
<input id="password" type="password">
<!-- Add error descriptions -->
<div role="alert">Password must be at least 8 characters</div>
<!-- Fix color-only information -->
<span style="color: red">❌ Error: Invalid email</span> <!-- Good - icon + color -->
<span style="color: red">Invalid email</span> <!-- Bad - color only -->Step 4: Privacy & Data Check (Any Personal Data)
**Data Collection Check:**
# GOOD: Minimal data collection
user_data = {
"email": email, # Needed for login
"preferences": prefs # Needed for functionality
}
# BAD: Excessive data collection
user_data = {
"email": email,
"name": name,
"age": age, # Do you actually need this?
"location": location, # Do you actually need this?
"browser": browser, # Do you actually need this?
"ip_address": ip # Do you actually need this?
}**Consent Pattern:**
<!-- GOOD: Clear, specific consent -->
<label>
<input type="checkbox" required>
I agree to receive order confirmations by email
</label>
<!-- BAD: Vague, bundled consent -->
<label>
<input type="checkbox" required>
I agree to Terms of Service and Privacy Policy and marketing emails
</label>**Data Retention:**
# GOOD: Clear retention policy
user.delete_after_days = 365 if user.inactive else None
# BAD: Keep forever
user.delete_after_days = None # Never deleteStep 5: Common Problems & Quick Fixes
**AI Bias:**
- Problem
🎯 Best For
- Claude users
- GitHub Copilot users
- Designers
- Creative professionals
- Product teams
💡 Use Cases
- Design system documentation
- Component specification creation
📖 How to Use This Skill
- 1
Install the Skill
Copy the install command from the Terminal tab and run it. The SKILL.md file downloads to your local skills directory.
- 2
Load into Your AI Assistant
Open Claude or GitHub Copilot and reference the skill. Paste the SKILL.md content or use the system prompt tab.
- 3
Apply SE: Responsible AI to Your Work
Provide context for your task — paste source material, describe your audience, or share existing work to guide the AI.
- 4
Review and Refine
Edit the AI output for accuracy, tone, and completeness. Add human insight where the AI lacks context.
❓ Frequently Asked Questions
Does SE: Responsible AI generate production-ready design specs?
It generates detailed specifications that developers can use directly. Review and adjust for your specific design system.
How do I install SE: Responsible AI?
Copy the install command from the Terminal tab and run it. The skill downloads to ./skills/se-responsible-ai-code/SKILL.md, ready to use.
Can I customize this skill for my team?
Absolutely. Edit the SKILL.md file to add team-specific instructions, examples, or workflows.
⚠️ Common Mistakes to Avoid
Not reading the full skill
Skills contain important context and edge cases beyond the quick start.