By hpsgd
UI designer — visual design, design system, component specifications, accessibility. The visual layer of the product.
Audit a component, page, or codebase for WCAG 2.2 AA accessibility compliance. Includes automated pattern detection, severity classification, and remediation recommendations.
Bootstrap the design system documentation structure for a project. Creates docs/design/, generates initial templates, and writes domain CLAUDE.md. Idempotent — merges missing sections into existing files without overwriting.
Write a comprehensive component specification — purpose, props API, all states, responsive behaviour, accessibility requirements, and usage examples.
Review a UI implementation against design system conventions, accessibility, consistency, responsiveness, dark mode, and component patterns.
Create or audit a design token set — colour, spacing, typography, and other foundational design values. Produces a structured token specification with semantic naming and usage guidance. Use when establishing a design system or auditing token consistency.
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
A plugin marketplace for Claude Code. Agents, skills, rules, and conventions that work together as a virtual team.
/plugin marketplace add hpsgd/turtlestack
Start with the core plugins (rules, thinking skills, and code review), then add agents for your stack:
/plugin install coding-standards@hpsgd
/plugin install writing-style@hpsgd
/plugin install security-compliance@hpsgd
/plugin install thinking@hpsgd
/plugin install tooling@hpsgd
/plugin install code-reviewer@hpsgd
/plugin install ai-engineer@hpsgd
Add a technology stack if relevant:
/plugin install dotnet-stack@hpsgd
/plugin install nextjs-stack@hpsgd
/plugin install python-stack@hpsgd
Then reload:
/reload-plugins
Browse the full plugin list below to see what else is available.
Per-project overrides. Create your own .claude/rules/ files. Project-level rules take precedence over marketplace rules.
Disabling a plugin. Set it to false in .claude/settings.json:
{
"enabledPlugins": {
"writing-style@hpsgd": false
}
}
Local overrides (not committed). Use .claude/settings.local.json for personal preferences that shouldn't affect the team.
{
"enabledPlugins": {
"coding-standards@hpsgd": true,
"writing-style@hpsgd": true,
"security-compliance@hpsgd": true,
"thinking@hpsgd": true,
"tooling@hpsgd": true,
"code-reviewer@hpsgd": true,
"dotnet-stack@hpsgd": true,
"nextjs-stack@hpsgd": true,
"python-stack@hpsgd": true,
"plugin-curator@hpsgd": true,
"coordinator@hpsgd": true,
"cpo@hpsgd": true,
"product-owner@hpsgd": true,
"ui-designer@hpsgd": true,
"ux-researcher@hpsgd": true,
"user-docs-writer@hpsgd": true,
"developer-docs-writer@hpsgd": true,
"internal-docs-writer@hpsgd": true,
"gtm@hpsgd": true,
"support@hpsgd": true,
"customer-success@hpsgd": true,
"grc-lead@hpsgd": true,
"cto@hpsgd": true,
"architect@hpsgd": true,
"react-developer@hpsgd": true,
"dotnet-developer@hpsgd": true,
"python-developer@hpsgd": true,
"ai-engineer@hpsgd": true,
"qa-lead@hpsgd": true,
"qa-engineer@hpsgd": true,
"release-manager@hpsgd": true,
"performance-engineer@hpsgd": true,
"devops@hpsgd": true,
"security-engineer@hpsgd": true,
"data-engineer@hpsgd": true,
"analyst@hpsgd": true,
"investigator@hpsgd": true,
"workflow-tools@hpsgd": true
}
}
After installing plugins, scaffold your project with domain-specific docs:
/coordinator:bootstrap-project my-project
npx claudepluginhub hpsgd/turtlestack --plugin ui-designerInternal documentation writer — architecture docs, runbooks, changelogs, onboarding guides, ADR documentation. Writes for engineers who know the domain but may be new to the codebase.
Go-to-market specialist — positioning, launch strategy, content marketing, competitive analysis
Customer support — ticket triage, feedback synthesis, knowledge base, bug escalation
Security baseline rules and audit skills for maintaining secure code
Developer documentation writer — API references, SDK guides, integration tutorials, code examples. Writes for developers who are competent but unfamiliar with your codebase.
Use this agent when creating user interfaces, designing components, building design systems, or improving visual aesthetics. This agent specializes in creating beautiful, functional interfaces that can be implemented quickly within 6-day sprints. Examples:\n\n<example>\nContext: Starting a new app or feature design
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically
Agents for UI/UX design, accessibility, and user experience optimization
Expert UI/UX design guidance for unique, accessible interfaces. Always-ask-first protocol for visual decisions, colors, typography, layouts.
5つの専門エージェント(UX・ビジュアル・アクセシビリティ・モバイル・コピー)がチームでUIを添削・改善し、Pencilで画面デザインを作成・修正する