Skip to content
cccskills
FreePublished on GitHub

app-auth

Standardize web app sign-in and account flows with shared session rules, email and Google login adapters, and an optional auth panel. Use the guidance to simplify signup, recovery, and return navigation while keeping native and TV integrations clearly identified as pending validation.

OriginalShow the original description

This skill should be used when the user asks to "standardize app authentication", "share login across web, mobile and TV", "reuse the Google login flow", "simplify signup", "fix password recovery", or "fix popup-blocked login". Use shared account/session contracts, email and Google web adapters, and an optional auth panel. Native and TV flows are integration contracts awaiting device validation.

fcakyon/claude-codex-settings1,192 stars(GitHub 1,192 + cccskills 0)

Run score Not tested

See how to install

Good for

  • Standardize app sign-in and sessions
  • Reuse Google login in a web app
  • Improve signup and password recovery
  • Plan native or TV auth integration

Files included (12)

  • SKILL.md3.3 KB
  • assets/auth-panel.css1.3 KB
  • assets/AuthPanel.tsx672 B
  • assets/email-auth.css2.1 KB
  • assets/EmailAuth.tsx8.9 KB
  • assets/google-sign-in.css809 B
  • assets/GoogleSignIn.tsx3.5 KB
  • references/backend-standard.md5.1 KB
  • references/integration.md11.5 KB
  • references/journeys.md4.1 KB
  • references/platforms.md7.0 KB
  • references/provenance.md2.6 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

App authentication

Provide a short returning-user path and a dependable same-tab path. Google and the browser decide whether account selection or reauthentication is required. Do not promise silent login or call a flow fastest without measurements.

  1. Inspect login, signup, email verification, recovery, session, logout, account linking and authorization. Identify the selected action, locales, design system and registered Google callback.
  2. Read integration. For React 19.2+, adapt GoogleSignIn.tsx and its styles. Use the optional AuthPanel with panel styles for a Muvisafe-inspired shell. Other frameworks should implement the same contract using their own lifecycle primitives.
  3. For email/password flows, adapt EmailAuth.tsx and email styles. Read the email adapter section in the integration contract. Use email-design for messages sent by those flows.
  4. Keep the official Google button with FedCM auto-selection for a remembered account. Always offer a normal same-tab link. GIS sign-in does not provide the OAuth authorization client's error_callback. Do not invent popup-failure detection, retry timers or user-agent rules.
  5. Resolve return navigation in the auth owner. Both paths must use the same account/session policy, then resume the action once. Only the backend verifies identity and authorizes access.
  6. Run the applicable journeys through the project's existing QA harness. Keep fixture results, real Google evidence and deployed behavior distinct.
  7. Record the app commit, runtime versions and actual evidence in its existing tracked guidance. Change the shared recipe only when new evidence changes a shared rule.

The app owns script loading, public client configuration, remembering the successful Google account, sessions, error reporting and navigation. The component owns rendering, pending/error UI and cancelling its credential operation when the auth surface closes.

For architecture standardization, read backend standard. It is a proposed target, not an implemented Go dependency or completed migration.

For web/native/TV clients or another social provider, read platforms and providers. Use one identity store and revocation model per product across its clients. Keep browser cookies and native secure-storage transport distinct.

Curation

Read provenance before claiming production coverage. Distinguish a shipped reference, a tested extraction and a pending app integration. Add future components as focused skills with code, integration contracts and behavior tests when an actual app supplies the evidence. Do not add empty catalogs or treat a component PR as permission to deploy another app.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Format responses for readers who benefit from concise, visible steps and low-friction starts. It puts the answer first, breaks work into short numbered actions, tracks progress, and adds brief educational notes around code changes while keeping secondary details separate.

  • Format a reply as short numbered steps
  • Make a long task easier to follow
  • Keep responses concise and show progress
fcakyon/claude-codex-settings1.2KUpdated Oct 29, 2026

aeo

FreeSummary

Plan and assess how AI assistants discover and recommend a product to buyers who have not heard of it. Organize buyer questions, review answers and cited sources, identify content or access gaps, and define a repeatable way to measure visibility and customer outcomes.

  • Plan content for AI answer engines
  • Review AI answers and cited pages
  • Build a buyer question set
fcakyon/claude-codex-settings1.2KUpdated Oct 29, 2026

agent-browser

FreeSummary

Use this skill to automate browser tasks such as opening websites, reading page content, clicking controls, filling forms, signing in, extracting data, and taking screenshots. It explains a snapshot-based workflow for interacting with pages and handling tabs and waits.

  • Filling out a website form
  • Extracting information from a web page
  • Capturing a page screenshot
fcakyon/claude-codex-settings1.2KUpdated Oct 29, 2026

agents-sdk

FreeSummary

Build, debug, or review applications built with Cloudflare’s Agents SDK and the `agents` package. It covers agent state, routing, chat, scheduled and durable work, and integrations, while consulting current Cloudflare documentation for implementation details.

  • Starting an Agents SDK application
  • Adding agents to an existing Workers project
  • Debugging state or routing behavior
fcakyon/claude-codex-settings1.2KUpdated Oct 29, 2026

Use this skill to plan and build web interfaces with a visual direction tied to the project. It guides choices for color, typography, layout, motion, and interface text, then encourages a review against the brief so the result feels deliberate and specific.

  • Designing a new web interface around a product brief
  • Refreshing an existing page with a distinct visual direction
  • Choosing type, color, and layout for a landing page
fcakyon/claude-codex-settings1.2KUpdated Oct 29, 2026

azure-usage

FreeSummary

Work with Azure resources through Azure MCP: list and inspect storage, Key Vault, Cosmos DB, and AKS resources, manage secrets, upload blobs, and query Log Analytics. It helps choose the operation that fits the task and requires Azure authentication.

  • Listing Azure storage accounts and blobs
  • Managing Key Vault secrets
  • Querying Cosmos DB documents or Log Analytics
fcakyon/claude-codex-settings1.2KUpdated Oct 29, 2026

See all skills by fcakyon

Report a problem with this skill