Claude Skills · Design

Inclusive Design

evanca/flutter-ai-rules

Use when working on inclusion, i18n/localization, global name/address forms, low-end devices, slow/metered networks, affordability, or first-time/low-confidence users; not WCAG/screen readers (see accessibility).

★ 605 Synced 4 hours ago View SKILL.md

At a glance

Design Manual install

This skill is for Design and helps you design inclusive user interfaces, create localized global forms, and optimize for low-end devices.

Install git clone --depth 1 https://github.com/evanca/flutter-ai-rules cp -r flutter-ai-rules/skills/inclusive-design ~/.claude/skills/inclusive-design
Can use Not declared by the author
Good for design inclusive user interfacescreate localized global formsoptimize for low-end devicesimprove accessibility for low-confidence usersreduce bandwidth requirements

i18nLocalizationLow BandwidthGlobalAffordabilityUser Centered Design

Also in evanca/flutter-ai-rules

View the repo
Accessibility Design

Use when working on accessibility, a11y, WCAG, ARIA, screen readers, keyboard nav, focus order, contrast, alt text, captions, reduced motion...

Use when creating a feature, designing folder structure, adding repositories/services/view models, wiring dependency injection, or deciding...

Bloc Coding

Use when creating a Cubit or Bloc, modeling state with sealed classes or status enums, wiring BlocBuilder/BlocListener/BlocProvider, writing...

Code Review Code Review & Testing

Use when asked to review a PR, MR, branch, or diff, audit changed files, or check code quality.

Use when writing switch statements, refactoring if-else chains, creating data classes, choosing records vs classes, destructuring values, or...

Use when building AI agents in Dart, implementing Genkit flows or tools, integrating LLMs into Dart or Flutter applications, or using Genkit...

Use when writing Dart code, reviewing for style, refactoring naming, adding doc comments, structuring imports, or enforcing type annotations...

Firebase AI Coding

Use when setting up firebase_ai, generating text/chat with Gemini, streaming AI output, building multimodal prompts, or handling AI errors.

Firebase Analytics Data & Analytics

Use when logging analytics events, setting user properties, configuring default event parameters, building funnels, or adding screen-view tr...

Use when implementing app attestation, configuring App Check providers, setting up debug tokens, enabling backend enforcement, or managing t...

Firebase Auth Coding

Use when setting up auth, managing auth state, implementing email/password or social sign-in, handling auth errors, or managing users.

Use when setting up Firestore, designing schemas, doing CRUD, creating listeners, paginating queries, configuring indexes, enabling offline...

Other Design skills

Frontend Design anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...

Algorithmic Art anthropics/skills

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...

Design An Interface mattpocock/skills

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...

Prototype mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...

Wireframe Annotated nexu-io/open-design

An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid wi...

Chat Motion Overlay nexu-io/open-design

Generate configurable chat motion overlays from a transcript or screenshot, including plain bubble scenes, app-style chat containers, option...