风少1227

Build Apple-inspired translucent interfaces using shared CSS settings and component patterns. The skill covers glass cards, toolbars, buttons, and modals, with light and dark modes, motion guidance, and accessibility requirements for readable text and reduced animation.

• Designing translucent cards and buttons
• Styling glass toolbars and modals
• Supporting light and dark interface modes

Archive an OpenSpec change after checking its documents, task completion, and specification differences. The skill offers a choice about updating the main specifications, then moves the change into a dated archive and reports the result.

• Archive an implemented change
• Check unfinished documents and tasks before archiving
• Review specification differences before updating the main specifications

Builds frosted-glass interface components using translucent backgrounds, background blur, subtle borders, and soft shadows. Provides shared CSS settings and examples for consistent cards, navigation bars, modals, and buttons, with guidance on readability and browser support.

• Creating frosted-glass cards
• Giving navigation bars and modals a consistent glass style
• Styling translucent buttons and hover states

Plan and implement mobile apps for iOS and Android, covering screens, state management, networking, local storage, and tests. Includes guidance for choosing native development or shared development across platforms with React Native and Flutter.

• Building iOS screens and data handling with SwiftUI
• Implementing Android screens with Jetpack Compose
• Choosing between React Native and Flutter

Add personality to interfaces through small interaction responses, completion animations, illustrations, and product-specific messages. Shape enjoyable moments around the brand and user context while preserving task flow, accessibility, and performance.

• Refining button and form feedback
• Adding personality to empty and loading states
• Celebrating completions and milestones

Align existing pages and components with a design system by reviewing colors, typography, spacing, and interaction patterns. Replace inconsistent styles and custom implementations with shared standards, then check code quality and usability.

• Aligning a page with an existing design system
• Replacing hard-coded styles with shared design values
• Standardizing components and interaction patterns

Supports development with code quality and security checks, change impact analysis, documentation templates, and coordination across multiple agents. It defines checkpoints for new modules and refactoring, plus roles and file ownership rules for parallel work.

• Check module structure and documentation
• Review quality and security after refactoring
• Generate README.md and DESIGN.md templates

Generate README.md and DESIGN.md outlines by inspecting a module's files, language, and dependencies. Python analysis also extracts classes, functions, and docstrings, providing a starting point for usage documentation and design records that you complete afterward.

• Create documentation outlines for a new module
• Add missing README.md and DESIGN.md files
• Summarize Python classes and functions

Extract data from websites or saved HTML using a suitable fetching method for each page. The skill generates and runs scripts for static pages, form-based logins, JavaScript rendering, and sites with Cloudflare or WAF protection.

• Extracting data from static web pages
• Collecting data after a form-based login
• Fetching pages that require JavaScript rendering

Routes AI development questions to focused references on agents, language model security, retrieval-augmented generation, which uses retrieved information in answers, and prompt design and evaluation. It also outlines principles for validation, safety boundaries, version control, and ongoing assessment.

• Find guidance for agent development
• Locate references on prompt injection defenses
• Explore retrieval and reranking for RAG