An example is useful when you can open the result, understand the input and see which parts were checked. SkillPick has six featured resources with inspectable artifacts: a ceramics homepage, a short video, a team update, a themed report, a GIF and a weekly marketing plan. Each answers a different practical question. Choose the one closest to the output you need, then adapt its brief.
These are specific demonstrations with recorded limits. Four are authored applications of reviewed instructions to fixture inputs. Two include local utility execution. The existence of an artifact does not establish automatic discovery or end-to-end compatibility in every agent. Read the status and requirements on the resource page separately.
A responsive homepage: Frontend Design
Frontend Design was applied to Clay Room, a fictional neighborhood ceramics studio. The brief makes workshop discovery the main action, uses original CSS artwork and excludes invented social proof. Open the actual HTML and compare its desktop and mobile layouts through the worked example.
Look for the relationship between the brief and the result: the prominent workshop link, the vessel illustration and the stacked narrow layout. The page’s anchors are real; the studio and demonstration listing are fictional. A real booking flow would require additional work. Start your own brief with one primary reader action, real content and a clear statement about which backend functions exist.
A local rendered video: HyperFrames CLI
HyperFrames CLI has an actual 12-second MP4, not just composition source. It explains Discover, Preview and Download using original typography and CSS artwork. The final file is 1280 by 720, 30 frames per second and silent, matching its original brief.
The video tutorial supplies the source and relevant reproduction conditions. The original local run used pinned tools and an isolated browser override after a managed download stalled. No fresh render is implied by reusing the existing MP4. For your first attempt, define duration, dimensions, audio expectations and one simple story before rendering; then play the final exported file.
A concise team update: Internal Communications
Internal Communications was applied to supplied fictional studio-team facts. Its actual text draft separates Progress, Plans and Problems. The HTML presentation typesets that draft for inspection; it is not a screenshot of a workplace messaging service.
This is a useful starting point when the facts already exist and you need a concise internal format. Supply the team, reporting period, completed work, next actions and unresolved problems. Check that the draft preserves uncertainty: this example keeps the workshop date unconfirmed. No workplace account was connected, and no message was sent. External promotional copy calls for a different brief and audience.
A styled report: Theme Factory
Theme Factory has an actual HTML report using the explicitly selected Ocean Depths theme. Its navy, teal, seafoam and light text follow the documented palette. A prominent open-question panel makes the report’s unresolved date easy to find.
This demonstrates applying a selected theme to an editable artifact. It does not benchmark automatic theme choice. The CSS requests the theme’s font family, with a system fallback when unavailable. In your own report, keep the same content while applying the palette, then check contrast, long headings, tables and the narrow layout. A consistent palette is only one part of a readable document.
A generated animation: Slack GIF Creator
Slack GIF Creator includes an actual bouncing-marker GIF. The original fixture used the bundled GIFBuilder and validator, with independent Pillow checks of dimensions and duration: 128 by 128 pixels, 20 frames, 10 frames per second and two seconds.
That is local utility-execution evidence. The animation was not uploaded to Slack as part of this demonstration. Before making a variation, review the Python dependencies, select a modest frame count and specify the intended output size. After exporting, inspect the loop and validate the file. A valid file still needs a separate check in your intended destination.
Five drafts from one brief: Marketing Ideas
Marketing Ideas informed the content-repurposing strategy for a fictional early-stage SaaS. SkillPick authored a weekday schedule and five draft texts from an approved fixture brief. Open the typeset excerpt and the complete Markdown plan together.
The output includes audiences, goals, channels, fact IDs and review budgets. Its 240 minutes are planned, not measured. Every CTA remains unresolved. This is an editorial application of a strategy, with no native scheduler or campaign outcome claim. Use the weekly tutorial to replace the fictional facts before drafting anything for a real company.
Make your first run comparable
Choose one artifact, keep the input small and define the acceptance check before starting. Save the output and record what your configured agent actually did. For installation, follow Your first agent skill; for permissions and review boundaries, use the skill safety checklist. A resource earns its place in your workflow when its output meets your task’s requirements under conditions you can repeat.