widget-generator
Generate WidgetKit widgets for iOS/macOS home screen and lock screen with timeline providers, interactive elements, and App Intent configuration. Use when adding widgets to an app.
Profile →npx skills add rshankras/claude-code-apple-skills --skill widget-generator --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Widget Generator Generate a complete WidgetKit widget implementation with timeline providers, size-specific views, lock screen accessory widgets, interactive elements (iOS 17+), and App Intent configuration. ## When This Skill Activates Use this skill when the user: - Asks to "add widgets" or "add a widget" to their app - Mentions "WidgetKit" or "home screen widgets" - Wants "lock screen widgets" or "accessory widgets" - Asks about "widget timelines" or "timeline providers" - Wants "interactive widgets" with buttons or toggles - Mentions "widget configuration" or "configurable widgets" - Asks about "App Intent widgets" or "AppIntentConfiguration" - Wants to show data on the home screen or lock screen ## Pre-Generation Checks ### 1. Project Context Detection - [ ] Check for existing widget extension target - [ ] Check for an existing `WidgetBundle` - [ ] Verify deployment target (iOS 17+ recommended for interactive widgets) - [ ] Identify source file locations and project structure ### 2. Conflict Detection Search for existing widget code: ``` Glob: **/*Widget*.swift, **/*TimelineProvider*.swift Grep: "WidgetKit" or "TimelineProvider" or "WidgetBundle" or "WidgetConfiguration" ```
- When This Skill Activates
- Pre-Generation Checks
- 1. Project Context Detection
- 2. Conflict Detection
- 3. Required Capabilities
- Configuration Questions
- Generation Process
- Step 1: Determine File Locations
- Step 2: Create Core Files
- Step 3: Generate Code from Templates
- Widget Design Rules (WWDC20)
- Output Format
- Files Created
- Integration Steps
What does the widget-generator skill do?
Generate WidgetKit widgets for iOS/macOS home screen and lock screen with timeline providers, interactive elements, and App Intent configuration. Use when adding widgets to an app.
How do I install it?
Run `npx skills add rshankras/claude-code-apple-skills --skill widget-generator --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From rshankras/claude-code-apple-skills, a repository with 589 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.