teach-impeccable
79Capture Project Design Context
AI design work often loses project context across sessions. This skill gathers evidence and saves reusable guidance for Claude, Codex, and Claude Code.
Plan UX Before Building
Teams often build interfaces before clarifying user goals, states, and constraints. This skill guides discovery and produces a design brief for implementation.
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "shape" from https://skillstore.io/skills/pbakaus-shape.md and its manifest at https://skillstore.io/api/skills/pbakaus-shape/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Using "shape". Plan a filter panel for a reporting dashboard.
Expected outcome:
Using "shape". Shape an onboarding checklist for a collaboration tool.
Expected outcome:
Using "shape". Create a brief for a mobile account security screen.
Expected outcome:
The reported backtick pattern in SKILL.md is Markdown inline formatting around a file name, not shell execution. The skill is prompt-only and focuses on discovery questions and a design brief. No semantic security findings were identified.
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
https://skillstore.io/skills/pbakaus-shape/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/pbakaus-shape?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/pbakaus-shape?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-shape/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/pbakaus-shape.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>pbakaus. (2026). shape security audit report (audit version 4) [Author version 2.1.1]. Skillstore. https://skillstore.io/skills/pbakaus-shape/audits/4@techreport{pbakaus-pbakaus-shape-2026,
author = {pbakaus},
title = {shape security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-shape/audits/4},
note = {Author version 2.1.1}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "shape security audit report (audit version 4)"
version: "2.1.1"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-shape/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-shape:audit:4"
description: "Skillstore immutable audit report identifier"
Clarify audience, goals, edge cases, and success criteria before implementation begins.
Convert a broad UI request into a practical design plan with states and interaction guidance.
Create a concise brief that aligns visual direction, layout strategy, content needs, and open questions.
Use shape to plan a profile settings page for a small team app. Ask discovery questions before creating the brief.
Use shape to plan a notification center. Focus on empty, loading, error, high-volume, and first-time states.
Use shape to create a design brief for a billing dashboard. Include layout strategy, interactions, content requirements, and open questions.
Use shape to plan a mobile-first redesign of a project overview page. Account for existing patterns, localization, performance, and accessibility.
Author
pbakausLicense
MIT
Author version
v2.1.1
Skillstore revision
r1
Ref
e397ce5a135369cd6def89cb6400d013e2f68f2f
Maintenance freshness
7/18/2026
Usage
15 downloads ยท 65 views
File structure
๐ SKILL.md
Capture Project Design Context
AI design work often loses project context across sessions. This skill gathers evidence and saves reusable guidance for Claude, Codex, and Claude Code.
Design Better Onboarding Experiences
New users often leave when a product does not explain its value quickly. This skill helps design onboarding, empty states, and guided help that move users to first success.
Add Delight to User Interfaces
Functional interfaces can feel flat, forgettable, or frustrating during key moments. This skill helps Claude, Codex, and Claude Code add appropriate polish through copy, animation, feedback, and celebration patterns.
Extract Reusable Design System Patterns
Teams often duplicate UI components, tokens, and layout patterns across an application. This skill helps Claude, Codex, or Claude Code find reusable patterns and consolidate them into a maintained design system.
Simplify Interface Designs
Complex interfaces slow decisions and hide the main user goal. This skill guides Claude, Codex, and Claude Code to remove clutter, clarify hierarchy, and preserve needed functionality.
Improve UI Layout and Visual Rhythm
Crowded interfaces and repetitive grids make products harder to scan and trust. This skill guides Claude, Codex, and Claude Code through stronger spacing, hierarchy, and responsive composition.
Design Distinctive UI Prototypes
by tencentcloudbase
Generic AI interfaces often lack visual direction and platform-aware detail. This skill guides Claude, Codex, and Claude Code to define design intent before building prototypes.
Design Apple-Inspired Interfaces
by BarisSozen
Modern product teams need consistent, polished UI guidance. This skill gives Claude, Codex, and Claude Code practical Apple-inspired rules for typography, color, spacing, components, motion, and UX review.
Improve Frontend Visual Design
by Barnhardt-Enterprises-Inc
Generic frontend screens often look similar and miss brand focus. This skill guides typography, color, motion, and depth choices for clearer interfaces.
Design Accessible Product Interfaces
by sickn33
Teams often struggle to turn user needs into consistent, accessible interfaces. This skill guides research, flows, design systems, tokens, and handoff.
Create Better Google Stitch UI Prompts
by sickn33
Google Stitch can produce generic designs when prompts lack detail. This skill provides structured prompt guidance for screens, flows, visual style, accessibility, and handoff.
Generate Project Images with Google Gemini
by sickn33
Projects often need custom visuals for interfaces, documentation, and design work. This skill provides a Google Gemini workflow for creating and saving PNG assets.